No replies
AndersStudio
AndersStudio's picture
Offline
Enthusiast
Yardley, PA
Last seen: 9 years 45 weeks ago
Yardley, PA
Timezone: GMT-5
Joined: 2005-11-09
Posts: 91
Points: 6

I'm getting the strangest bug with my sub nav in IE7 at this website - http://74.220.215.79/~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://74.220.215.79/~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&amp;parent=1">How It Works</a></li>
<li><a href="content.php?page=SolarDock+Canada&amp;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://74.220.215.79/~solardoc/css/solardock_main_style.css