1 reply [Last post]
benzetti82
benzetti82's picture
Offline
newbie
Last seen: 7 years 13 weeks ago
Timezone: GMT-5
Joined: 2010-02-06
Posts: 8
Points: 11

Everything is working in Firefox and IE8 but when I view in IE7 the menu boxes won't hide themselves. Instead they all stay open as I mouseover the buttons... Any ideas? Thank you very much in advance for your help.

/* Navigation */
#top-nav-wrapper{margin-left:6px;}
#top-nav-wrapper h2 {color:#FFFFFF;font-size:14px;font-weight:bold;}
ul#topnav{background:url(../images/bg_top_nav.jpg) no-repeat;width:972px;height:43px;margin:0 0 0 0;padding:0;float:left;}
ul#topnav li{margin-top:0;}
#topnav li.first-level span{position:absolute;left:-9999px;z-index:50;}
#topnav li,#topnav li.first-level a{min-height:43px;display:block;}
#topnav li{float:left;list-style:none;display:inline;padding:0;}
 
li#nav-air-purifiers a.first-level{width:132px;}
li#nav-air-purifier-filters a.first-level{width:177px;}
li#nav-dehumidifiers a.first-level{width:152px;}
li#nav-home-air-filters a.first-level{width:166px;}
li#nav-learning-center a.first-level{width:167px;}
li#nav-customer-support a.first-level{width:178px;}
 
li#nav-air-purifiers:hover a.first-level{background:url(../images/bg_top_nav.jpg) 0px -43px no-repeat;}
li#nav-air-purifier-filters:hover a.first-level{background:url(../images/bg_top_nav.jpg) -132px -43px no-repeat;}
li#nav-dehumidifiers:hover a.first-level{background:url(../images/bg_top_nav.jpg) -309px -43px no-repeat;}
li#nav-home-air-filters:hover a.first-level{background:url(../images/bg_top_nav.jpg) -461px -43px no-repeat;}
li#nav-learning-center:hover a.first-level{background:url(../images/bg_top_nav.jpg)  -627px -43px no-repeat;}
li#nav-customer-support:hover a.first-level{background:url(../images/bg_top_nav.jpg) -794px -43px no-repeat;}
 
ul#topnav li.first-level ul{display:block;margin:0 0 12px 7px;float:left;padding:14px 0 14px 0;}
ul#topnav li.first-level ul{width:150px;}
ul#topnav li.first-level ul li{margin:0 0 0 0;line-height:18px;padding:0 0px 0 0;width:230px;min-height:12px;float:left;}
ul#topnav li.first-level ul li a{color:#f5f5f5;font-size:14px;text-decoration:none;text-align:left;min-height:12px;}
ul#topnav li.first-level ul li a:hover{text-decoration:underline;}
ul#topnav li div.topnav-dd-outer{position:absolute;z-index:500;width:500px;left:-999em;background:#2F68B2 repeat;margin:0 0 0 0;padding:0 0 0 0;}
ul#topnav li#nav-air-purifiers div.topnav-dd-outer{margin:0 0 0 4px;}
ul#topnav li#nav-air-purifier-filters div.topnav-dd-outer{width:300px; margin:0 0 0 11px;}
ul#topnav li#nav-dehumidifiers div.topnav-dd-outer{width:300px; margin:0 0 0 11px;}
 
 
ul li#nav-home-air-filters div.topnav-dd-outer{width:470px; margin-left:11px;}
ul li#nav-home-air-filters div.topnav-dd-outer ul{width:215px;}
ul li#nav-learning-center div.topnav-dd-outer{width:230px; margin-left:-74px;}
ul li#nav-customer-support div.topnav-dd-outer{width:230px; margin-left:-57px;}
 
ul#topnav li:hover div.topnav-dd-outer{left:auto;}
div.topnav-dd-inner{position:relative;background:#ebebeb repeat;margin-left:17px;margin-bottom:-5px;padding:0 0 0 0;}

<div id="top-nav-wrapper">
	<ul id="topnav">
		<li class="first-level" id="nav-air-purifiers"><a class="first-level" href=""><span>Air Purifiers</span></a>                
            <div class="topnav-dd-outer">
                <div class="topnav-dd-inner">
                    <ul class="three-col clearfix">
                        <li><h2>Shop by Brand</h2></li>
                        <li><a href="">View All Brands</a></li>
                        <li><a href="">AirFree</a></li>                    
                        <li><a href="">Airgle</a></li> 
                    </ul>
                    <ul class="three-col clearfix">
                        <li><h2>Shop by Needs</h2></li>
                        <li><a href="">Test Results</a></li>
                        <li><a href="">Allergy</a></li>                    
                        <li><a href="">Asthma</a></li>
                    </ul>
</div>
</div>
</ul>
</div>

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 14 weeks ago
Victoria British Columbia
Timezone: GMT-7
Joined: 2005-12-14
Posts: 3570
Points: 675

Insufficient data for a

Insufficient data for a meaningful response.

Please read the posting guidelines and then follow them. It will save all of us (you included) much time and effort.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.