Hi everyone. Designing a site at the moment and am having a few issues with the menu in IE7. After solving the IE6 errors [the drop downs in the menu did not work completly] i have been looking and searching for a fix to get my menus working in IE7. The problem that is being had at the moment is whenever i hover over a submenu link that drops down from the main menu, it tends to disappear and concentrates solely on the text as the hyperlink, meaning that the whole cell isn't a link, just the text is. I will post the code and if anyone can assist me for a fix to the IE7 issue that would be much appreciated. HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <link rel="stylesheet" type="text/css" href="index_files/web-layout.css"> <link rel="stylesheet" href="index_files/menu.css" type="text/css"> <script type="text/javascript" src="index_files/redcode-usuals"></script> <!-- <script type="text/javascript" src="/sulo/js/ansprechpartner"></script> --> <title>SULO MGB Australia Pty Ltd</title> <meta name="generator" content="WebGate Anywhere 4.x"> <meta name="copyright" content="SULO"> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="MSSmartTagsPreventParsing" content="TRUE"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <!--IE6 Menu Parse --> <script type="text/javascript"><!--//--><![CDATA[//><!-- startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList; //--><!]]></script> </head><body><center> <table class="headtable" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <a href="http://www.sulo.com.au" class="headnav" target="_top">SULO Website</a> </td></tr> </tbody></table> <table class="maintable" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td><a href="/" target="_top"><img src="index_files/sulo.gif" alt="SULO" width="190" border="0" height="82"></a></td> <td colspan="2"><img src="index_files/head.jpg" alt="" width="805" border="0" height="82"></td> </tr> <tr> <td class="mainnavi" rowspan="2"> <table class="nav" border="0" cellpadding="0" cellspacing="0"> <!-- menu insert --> <!-- I.T Menu --> <table width="200" height="400" border="0" cellpadding="0" cellspacing="0" class="litegray"> <tr> <td width="120" valign="top"><ul id="nav"> <li><a href="index.htm">HOME</a> <li><a href="#">I.T DEPARTMENT</a> <ul id=nav><li><a href="request.htm">Lodge I.T Request</a> <li><a href="/exchange/" target="_blank">Access Webmail</a> <li><a href="http://netmon.sulo.com.au/">Network Monitor</a> <li><a href="file://suloaus3/Group/Everyone/phones/phones.pdf">Phone Cheat Sheets</a></ul> <!-- Production --> <li><a href="#">PRODUCTION</a> <ul id=nav><li><a href="http://suloaus2:1002/Roto 1 Production Worksheet.xls">Roto Schedule</a> <li><a href="http://suloaus2:1001/">Production Schedule</a> <li><a href="http://suloaus2:1003/">Import Schedule</a></ul> <!-- Corporate --> <li><a href="#">CORPORATE</a> <ul id=nav><li><a href="file://suloaus3/Group/ISO">ISO</a> <li><a href="file://suloaus3/Group/ISO/Forms">Forms</a> <li><a href="file://suloaus3/Group/Everyone/OH&S">OH & S Committee</a> </ul> <!-- ISO --> <li><a href="#">ISO</a> <ul id=nav><li><a href="file://suloaus3/Group/ISO/Forms/">Forms</a> <li><a href="file://suloaus3/Group/ISO/Machine Setups/">Machine Setups</a> <li><a href="file://suloaus3/Group/ISO/Work Instructions">Work Instructions</a> </ul> <!-- SULO TALBOT --> <li><a href="#">SULO Talbot NZ</a> <ul id=nav><li><a href="file://suloaus3/Group/ISO/Forms/">Forms</a> <li><a href="file://suloaus3/Group/ISO/Machine Setups/">Machine Setups</a> <li><a href="file://suloaus3/Group/ISO/Work Instructions">Work Instructions</a> </ul> </td> </tr> </table> <p> </p> <p> </p> </td> <td class="headbg" colspan="2"> </td> </tr> <tr> <td class="maincontent"> <h1>SULO Internal User Portal</h1> <br> Welcome to <a href="/">SULONET</a> - your one stop index for SULO MGB and SULO Talbot corporate information. <p> We would welcome any suggestions you have to help make this site more effective for you, so please feel free to <a href=mailto:it@sulo.com.au>email us</a> any suggestions. <p> <br> </p> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="contentverteiler">Quicklinks</td> </tr> <tr> <td class="contentverteilertext"><ul> <li><a href="request.htm" target="_top">Lodge an I.T Request</a></li> <li><a href="http://suloaus2:1002/Roto 1 Production Worksheet.xls" target="_top">Roto Schedule</a></li> <li><a href="http://suloaus2:1001/">Production Schedule</a></li> </ul></td> </tr> </tbody></table> <p> </p> <p> </p></td> <td class="maincontext"> </td> </tr> <tr> <td colspan="3" class="footer">© SULO MGB Australia Pty Ltd 2008 </td> </tr> </tbody></table> </center> </body></html> Code (markup): And the CSS Code #nav, #nav ul { margin:0; padding:0; list-style:none; width:200px; /* Width of Menu Items */ border-bottom:1px solid #CCCCCC; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 2px; } #nav li { position:relative; } #nav li ul { position:absolute; width:200px; left:199px; /* Set 1px less than menu width */ top:0; display:none; } /* Styles for level 1 Menu Items */ #nav li a { display:block; text-decoration:none; color:#FFFFFF; background:#A8A9AD; /* IE6 Bug */ padding:5px; border:1px solid #CCCCCC; border-bottom:0px; } #nav li a:link { color:#FFFFFF; background:#A8A9AD; } /* Link Styles */ #nav li a:visited { color:#FFFFFF; background:#A8A9AD; } /* Visited Styles */ #nav li a:hover { color:#E2144A; background:#f9f9f9; } /* Hover Styles */ #nav li a:active { color:#E2144A; background:#f9f9f9; } /* Active Styles */ /* Styles for level 2 Menu Items */ #nav li ul li a { display: block; text-decoration:none; color:#666868; background:#f9f9f9; /* IE6 Bug */ padding:5px; border:1px solid #CCCCCC; border-bottom:0px; } #nav li ul li a:link { color:#666868; background:#f9f9f9; } /* Link Styles */ #nav li ul li a:visited { color:#666868; background:#f9f9f9; } /* Visited Styles */ #nav li ul li a:hover { color:#E2144A; background:#ffffff; } /* Hover Styles */ #nav li ul li a:active { color:#E2144A; background:#ffffff; } /* Active Styles */ #nav li:hover ul, #nav li.over ul { display:block; } /* The magic */ /* Fix IE. Hide from IE Mac \*/ * html #nav li { float:left; height:1%; } * html #nav li a { height:1%; } /* End */ Code (markup): Thanks in advance for any assistance.
LOL>>> Digital Point is a joke...no-one answered this.. I WILL NOW LEAVE FOREVER...webforumz.org is heaps better anyways
Patience is a virtue - esp. when asking for help from no doubt busy people. I'm sure we all thank you for leaving - and letting the board know.
You're a joke. We don't get paid to sit here and help people; hell, sometimes we don't even get a 'thank you'; and in worst case scenarios they throw a sissy fit when they don't receive an answer right away. Congratulations, you're a worst case scenario; have fun with your 'webforumz.org'... because you know any site that ends their name with a Z instead of an S has to be cool indeed.