I'm getting the strangest bug with my sub nav in IE7 at this website - http://18.104.22.168/~solardoc/index.php?page=Home
If you hover over Contact Us, the sub nav appears in the correct spot. However, rolling over Our Product, About Us, etc... shows the sub nav in a slightly different position. I've never seen this problem before, especially because I'm not using css positioning - just margin and padding. I really don't understand what's going on. Any help would be greatly appreciated! Thank you.
I've created a special CSS file just for a few IE7 bugs - http://22.214.171.124/~solardoc/css/solardock_IE7_style.css
This is some of the nav code:
<div id="nav"> <ul> <li class="nav_btn_active"><a href="index.php?page=Home">Home</a></li> <li>Our Product <img class="nav_down_arrow" src="images/nav/nav_down_arrow.gif" alt="" /> <ul><li class="first_subnav"><a href="content.php?page=How+It+Works&parent=1">How It Works</a></li> <li><a href="content.php?page=SolarDock+Canada&parent=1">SolarDock Canada</a></li> </ul> </li> <li class="nav_btn"><a href="content.php?page=Resources">Resources</a></li> </ul> </div>
Here is the main style for the rest of the nav - http://126.96.36.199/~solardoc/css/solardock_main_style.css