Question: The site is appearing fine in Mozilla, Chrome, and IE6. But IE7 onwards, the menu background image was not appearing at all.
In the file moo.menu.css, I made the following changes in li:

```
.ry-cssmnu ul li {
margin: 0; /* all list items */
padding: 0;
float: left;
display: block;
background: url(../images/mainnav-bg.gif) repeat-x center top blue;/*added this line*/
cursor: pointer;}

```

After this, the background repeat is appearing only where the menu text is present.
<http://bit.ly/ie8issue>  

The site is at: www.agmrcet.com/cons
Thanks in advance.

Answer: 
You have to declare a height to that container. Your floating list items are not giving their parent container height because `float` removes them from the document flow. Your `<ul>` has a current height of nothing, and the background image won't remedy that.

```
#mainnav { height:44px; ... }

```
First of all, I would change the CSS **background** property according to the CSS syntax:

```
background: blue url(../images/mainnav-bg.gif) repeat-x center top;

```