drop down menu issue in ie7

[toolman]

Hi there,

 

I have a css drop down menu, but when looking at it in IE7, the sub menu items stay visible after the mouse has hovered off them. Can anyone help me find the problem?

 

This is my CSS:

 

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
font-style:bold;
}
#nav a {
display: block;
text-align:center;
color:#AB472C;
font-style:bold;
}

#nav a:hover{
color:#ab472c;
}

#nav li {
float: left;
text-align:center;
padding: 0px 10px 0px 10px
}
#nav li ul {
position: absolute;
left: -999em;
}
#nav li:hover ul {
left: auto;
}

#nav li ul, #nav li ul a{
background-color:#414141;
color:#FFFFFF;
font-style:bold!important; text-align…
width: 200px;

[Hybride]

Can you post the HTML also?

 

Not sure if this is intentional but

#nav li ul, #nav li ul a{
background-color:#414141;
color:#FFFFFF;
font-style:bold!important; text-align… /* <-- that text-align should be removed */
width: 200px;