I'm running into a problem with a drop down navigation I developed recently. Overall, it works fine but it doesn't work in ie6. Because IE6 plays an important role in my work environment I need to develop for it.
So in ie6 as I mouse down the <li class="department"> to mouseover the menu, the drop down disappears. It seems to be an event propagation in ie.
Also, I'm sure this is not the most effective way to code this navigation in jquery. If you have any suggestions feel free to throw at me as I'm new to jquery.
<div id="settingsNav" class="group">
<ul id="navItems" class="group">
<li class="dropDown department"><a href="#">Apple Products</a>
<li><a href="#">Macbook Pro</a></li>
<li><a href="#">Macbook </a></li>
<li><a href="#">Ipad</a></li>
<li><a href="#">Iphone</a></li>
<li><a href="#">Magic Mouse</a></li>
<li><a href="#">Macbook Air</a></li>
<li><a href="#">Mac Mini</a></li>
<li><a href="#">Mac Pro</a></li>
<li><a href="#">iPod Shuffle</a></li>
<li><a href="#">iPod Touch</a></li>
<li><a href="#">iPod Classic</a></li>
<li><a href="#">iPod Nano</a></li>
<li><a href="#">Mac Accessories</a></li>
<li><a href="#">Mac Software</a></li>
</ul>
</li>
<li class="dropDown"><a href="#">Apple Accessories</a>
<li><a href="#">Charger</a></li>
<li><a href="#">Battery</a></li>
</ul>
</li>
<li class="dropDown"><a href="#">Software</a>
<li><a href="#">Office</a></li>
<li><a href="#">Mac OS X Leopard </a></li>
<li><a href="#">Omnigraffle</a></li>
</ul>
</li>
</ul>
</div>