Log in

View Full Version : IE Menu Issue


Cory
07-14-2008, 07:01 PM
I have this menu that I use on my site. It works great in FF, however, it has one flaw in IE. The first menus drop-down accordingly, but the second menus (after hovering over the first menu) don't. display:none seems to be overriding display:block for the #bbdrop ID.

Does anyone know how to fix this malfunction in IE?

CSS:

.bbnav ul {padding:0; margin:0; list-style:none; cursor:pointer}
.bbnav ul li {position:relative; color:#EEF4F6; text-align:center; width:119px; height:22px; line-height:19px; background:url(http://209.85.48.12/11773/23/upload/p1987842.ibf)}
.bbnav ul li:hover, .bbnav ul li.hover {background:url(http://209.85.48.12/11773/23/upload/p1987894.ibf)}
.bbnav ul li ul {font-size:10px; display:none; position:absolute; width:40px; top:25px; left:0}
.bbnav ul li > ul {font-size:10px; top:25px; left:0}
.bbnav ul li:hover ul, .bbnav li.over ul {font-size:10px; display:block}
#bbdrop ul {position:absolute; top:0; left:119px; display:none}
#bbdrop:hover ul, #bbdrop.hover ul {display:block}
#main {float:left; position:relative; color:#EEF4F6; text-align:center; width:119px; height:25px; line-height:23px; background:url(http://209.85.48.12/11773/23/upload/p2024758.gif)}
#main:hover {background:url(http://209.85.48.12/11773/23/upload/p2024760.gif)}
HTML:

<div class="bbnav">
<ul id="bbnav">
<li id="main"><a title="Home" onclick="window.open('http://bigboardsresources.com/','_self');" style="display:block; text-decoration:none;">Home</a>
<ul>
<li title="BB Guidelines" onclick="window.open('http://bigboardsresources.com/index.php?act=boardrules','_self')">BB Guidelines</li>
<li title="BB Advertising Images" onclick="window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=202','_self')">BB Advertising Images</li>
<li title="BB IRC Channel" onclick="window.open('http://bigboardsresources.com/index.php?act=SR&f=348','_self')">BB IRC Channel</li>
<li title="BB Toolbar" onclick="window.open('http://bigboards.communitytoolbars.com/','_self')">BB Toolbar</li>
<li title="BB RSS Feed" onclick="window.open('http://thecodingzone.com/if_rss.php?input=http://bigboardsresources.com/index.php?&amp;title=BigBoards','_self')">BB RSS Feed</li>
</ul>
</li>
<li id="main"><a title="About Us" onclick="window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=94','_self');" style="display:block; text-decoration:none;">About Us</a>
<ul>
<li title="Contact Us" onclick="window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=276','_self')">Contact Us</li>
<li title="BB History" onclick="window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=224','_self')">BB History</li>
<li title="BB Groups and Ranks" onclick="window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=262','_self')">BB Groups and Ranks</li>
<li id="bbdrop" title="Staff Profiles" onclick="window.open('http://bigboardsresources.com/','_self')">Staff Profiles »
<ul>
<li title="Staff Profile: Cory" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=208','_self')">Staff Profile: Cory</li>
<li title="Staff Profile: HelenaZF" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=209','_self')">Staff Profile: HelenaZF</li>
<li title="Staff Profile: Clay" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=211','_self')">Staff Profile: Clay</li>
<li title="Staff Profile: Mwr247" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=290','_self')">Staff Profile: Mwr247</li>
</ul></li></ul></li>
<li id="main"><a title="BB Search" onclick="window.open('http://www.google.com/coop/cse?cx=003574102346989753874%3Ajbaime2-m7i','_self');" style="display:block; text-decoration:none;">BB Search</a>
<ul>
<li title="Active Topics" onclick="window.open('http://bigboardsresources.com/index.php?act=Search&amp;CODE=getactive','_self')">Active Topics</li>
<li title="Members" onclick="window.open('http://bigboardsresources.com/index.php?act=Members','_self')">Members</li>
<li title="Member Map" onclick="window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=282','_self')">Member Map</li>
<li title="Help" onclick="window.open('http://bigboardsresources.com/index.php?act=Help','_self')">Help</li>
</ul>
</li>
<li id="main"><a title="IF/ZB Resources" onclick="window.open('http://bigboardsresources.com/index.php?c=15','_self');" style="display:block; text-decoration:none;">IF/ZB Resources</a>
<ul>
<li title="Resource Archives" onclick="window.open('http://bigboardsresources.com/index.php?showforum=159','_self')">Resource Archives</li>
<li title="Board Tools" onclick="window.open('http://bigboardsresources.com/index.php?showforum=212','_self')">Board Tools</li>
<li title="IF Reference Library" onclick="window.open('http://bigboardsresources.com/index.php?showforum=40','_self')">IF Reference Library</li>
<li title="ZB Reference Library" onclick="window.open('http://bigboardsresources.com/index.php?showforum=301','_self')">ZB Reference Library</li>
<li id="bbdrop" title="IF/ZB Services" onclick="window.open('http://bigboardsresources.com/index.php?c=18','_self')">IF/ZB Services »
<ul>
<li title="Support Desk" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=194','_self')">Support Desk</li>
<li title="Board Evaluations" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=274','_self')">Board Evaluations</li>
<li title="Build-A-Board" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=324','_self')">Build-A-Board</li>
<li title="Community Exchange" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=288','_self')">Community Exchange</li>
<li title="Advertising Solutions" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=295','_self')">Advertising Solutions</li>
<li title="Service Archive" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=201','_self')">Service Archive</li>
</ul></li></ul></li>
<li id="main"><a title="Indexes" onclick="window.open('http://bigboardsresources.com/','_self');" style="display:block; text-decoration:none;">Indexes</a>
<ul>
<li id="bbdrop" title="IF Code Categories" onclick="window.open('http://bigboardsresources.com/index.php?showforum=160','_self')">IF Code Categories »
<ul>
<li title="IF Code Index" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showtopic=1662','_self')">IF Code Index</li>
</ul></li>
<li id="bbdrop" title="IF Skin Categories" onclick="window.open('http://bigboardsresources.com/index.php?showforum=161','_self')">IF Skin Categories »
<ul>
<li title="IF Skin Index" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showtopic=1663','_self')">IF Skin Index</li>
</ul></li>
<li title="ZB Code Index" onclick="window.open('http://bigboardsresources.com/index.php?showforum=303','_self')">ZB Code Index</li>
<li id="bbdrop" title="ZB Theme Categories" onclick="window.open('http://bigboardsresources.com/index.php?showforum=304','_self')">ZB Theme Category »
<ul>
<li title="ZB Theme Index" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showtopic=3070','_self')">ZB Theme Index</li>
</ul></li>
<li title="Solved Support Index" onclick="window.open('http://bigboardsresources.com/index.php?showtopic=1618','_self')">Solved Support Index</li>
<li title="IF Docs &amp; Codes" onclick="window.open('http://bigboardsresources.com/index.php?showtopic=2886','_self')">IF Docs &amp; Codes</li>
</ul>
</li>
<li id="main"><a title="BB Shop" onclick="alert('Coming Soon!');" style="display:block; text-decoration:none;">BB Shop</a>
<ul>
<li id="bbdrop" title="BB Member Shop" onclick="window.open('http://bigboardsresources.com/index.php?showforum=326','_self')">BB Member Shop »
<ul>
<li title="Request Goods" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=327','_self')">Request Goods</li>
<li title="Sell Goods" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=328','_self')">Sell Goods</li>
<li title="Auction Off Goods" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=329','_self')">Auction Off Goods</li>
<li title="Charity Room" onclick="e=event||window.event; e.cancelBubble=true;window.open('http://bigboardsresources.com/index.php?showforum=331','_self')">Charity Room</li>
</ul>
</li>
<li title="Shop & Credit Usage" onclick="window.open('http://bigboardsresources.com/index.php?showtopic=3460&view=findpost&p=13967060','_self')">Shop Usage</li>
</ul></li><li id="main">
<a title="Affiliates" onclick="window.open('http://bigboardsresources.com/index.php?act=SR&amp;f=50','_self');" style="display:block; text-decoration:none;">Affiliates</a></ul></div><br><br>
Javascript:

var startList=function (){if(document.getElementById){var bbnav=document.getElementById('bbnav');for(var i=0;i<bbnav.childNodes.length;i++){var node=bbnav.childNodes[i];if(node.nodeName==='LI'){node.onmouseover=function (){this.className='over';};node.onmouseout=function (){this.className=this.className.replace('over', '');};}}}};window.onload=startList;