[SOLVED] IE Dropdown not working

[hane]

I need some help please. I dont know Jscript, and I cant seem to figure out how to fix my problem.

 

I have a dropdown that works in Firefox. In IE when I move between the dropdown options the menu goes out.

 

Here you can look at the website

http://www.africanskyjewellery.co.za/

 

Here is my code

.......
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
  }
  }
}
}
}
window.onload=startList;
</script>
.....
.....
<ul id="nav">
        <li><a href="index.php"><img src="images/home.gif" alt=""></a> 
          <ul> 
            <li><a href="about_us.php"><img src="images/about_us.gif" alt="about us"></a></li> 
            <li><a href="contact_us.php"><img src="images/contact_us.gif" alt="contact us"></a></li> 
					<li><a href="friends.php"><img src="images/friends.gif" alt="contact us"></a></li> 
          </ul> 
        </li> 
        <li><a href=""><img src="images/jewellery.gif" alt=""></a>
          <ul> 
            <li><a href="jewellery.php?cat=1"><img src="images/rings.gif" alt="rings"></a></li> 
            <li><a href="jewellery.php?cat=2"><img src="images/bracelets.gif" alt="bracelets"></a></li>
    				<li><a href="jewellery.php?cat=3"><img src="images/earrings.gif" alt="earrings"></a></li>
    				<li><a href="jewellery.php?cat=4"><img src="images/pendants.gif" alt="pendants"></a></li> 
    				<li><a href="jewellery.php?cat=5"><img src="images/mens_rings.gif" alt="mens rings"></a></li> 
    				<li><a href="jewellery.php?cat=6"><img src="images/exclusive_designs.gif" alt="exclusive design"></a></li>   
          </ul> 
        </li>
        <li><a href="birth_stone.php?month=3"><img src="images/birth_stone.gif" alt=""></a></li>
			<li><a href=""><img src="images/special_occasion.gif"></a>
			 <ul> 
            <li><a href="occasion.php?cat=1"><img src="images/weddings.gif" alt=""></a></li> 
            <li><a href="occasion.php?cat=2"><img src="images/anniversaries.gif" alt=""></a></li> 
            <li><a href="occasion.php?cat=3"><img src="images/gifts.gif" alt=""></a></li> 
          </ul> 
			</li>
    		<li><a href="specials.php"><img src="images/specials.gif" alt=""></a></li> 
    		<li><a href=""><img src="images/news.gif" alt=""></a>
          <ul> 
            <li><a href="subscribe.php"><img src="images/newsletter.gif" alt="newsletter"></a></li> 
            <li><a href="events.php"><img src="images/evets.gif" alt="events"></a></li>  
          </ul> 
        </li> 
    </ul>
......

 

Please help

[hane]

OK found the problem. IE doesn't like having no background specified in the css. Sure there is a better way to solve it but hi its working.