[Root Ninja]

Hi all,

This problem is with IE ... The menu below works exactly how I want it to in FireFox, but not in IE (surprise surprise). In IE the long parameters do not take effect (if i removed class="long" it would look the same), does anyone know why? - any feed back in very welcome

.nav li:hover ul,
.nav li a:hover ul,
.options li:hover ul,
.options li a:hover ul {
visibility:visible; 
height:auto; 
width: 160px;
background-image: url(/images/layout/drop.png);
background-position: bottom; 
top: 34px; 
overflow:visible;
z-index: 5;
text-align: left;
}


ul li:hover .long,
ul li a:hover .long{
visibility:visible; 
height:auto; 
width: 270px;
background-image: url(/images/layout/dropLong.png);
background-position: bottom; 
top: 34px; 
overflow:visible;
z-index: 5;
text-align: left;
}


<ul class="nav">
					
            		<li><a href="/products/" title="Products">Products</a>
                	<ul class="long">
                    	<li><a href="/link1/">Link1</a></li>
                        <li><a href="/link2/">Link2</a></li>
                        </ul>
                
</ul>