Menu Bar IE7 problem

[Ravi Joshi]

Hey everybody,

I have a problem in IE7,when i m using drop down menu bar in IE6 and in firefox,it works fine, but used it in IE7 i m facing problem.when i m clicks onto leave then my menu dropdown (all level menus) shown ....in mouse over they does't changed there property..

this CSS i m using and piace of my HTML code.

[code=css]
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
border-top:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
width:965px;
height:25px;
background:#EFE FED;
}

#nav a
{
display: block;
text-decoration: none;
color:#000000;
border-bottom:2px #EFEFED solid;
padding-bottom:3px;
}

#nav a:hover{
color:#000;
border-bottom:2px #CC3300 solid;
}

#nav li { /* all list items */
float: left;
/* width: 80px; */ /* width needed or else Opera goes nuts */ /* no it does not go nuts anymore */
height: 20px;
background: url(../images/arrow_down.gif) right 5px no-repeat }
[/code]

HTML....
[html]
<ul id="nav">
<li><a href="#">Leave </a>
<ul>
<li><a href="#">Sub Menu</a></li>
</ul></li>[/html]

[MarkoKlacar]

Hi Ravi,

the only thing that comes to mind is the <li>-element that you haven't included in your CSS. My experience tells me that most times stuff like this happends because "all" element's aren't handled

Hope this helps