Помогите с менюшкой, работает в Мазиле, Опере, IE7 а в IE6 нехочет, в IE6 раскрывается только первый пункт, а всеостальные нет ... Вот: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <script type="text/javascript"> jsHover = function() { var hEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0, len=hEls.length; i<len; i++) { hEls[i].onmouseover=function() { this.className+=" jshover"; } hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); } } } if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover); </script> <style type="text/css"> <!-- /* Konteyner 1 */ #nav, #nav ul { list-style: none; margin: 0; padding: 0; float: left; width: 100%; } #nav li { float: left; position: relative; background: #f3f3f1; padding:7px; border:1px solid #f7f7f5; margin:0 0 0 0; padding:0 0 0 0; } .ss1 { margin:5px 12px 5px 12px; } .ss1 a, .ss1 a:link, .ss1 a:visited, .ss1 a:active, .ss1 a:hover { font-family:Arial; font-size:14px; color: #505050; font-weight:bold; text-decoration: none; border-bottom:1px dashed #505050; } /* Konteyner 1 */ /* Konteyner 2 */ #nav li table { display: none; position: relative; background: #f3f3f1; width:180px; margin:-22px 0px 0px -1px; ##margin:-27px 0px 0px -1px; } #nav li:hover table, #nav li.jshover table { display: block; position: absolute; } .ss2 { margin:6px 10px 5px 13px; } .ss2 a, .ss2 a:link, .ss2 a:visited, .ss2 a:active, .ss2 a:hover { font-family:Arial; font-size:14px; color: #4c4c4c; font-weight:bold; text-decoration: none; border-bottom:1px dashed #4c4c4c; } .ss3 { margin:5px 10px 5px 12px; } .ss3 a, .ss3 a:link, .ss3 a:visited, .ss3 a:active, .ss3 a:hover { font-family:Arial; font-size:14px; color: #005cb7; font-weight:normal; text-decoration: none; border-bottom:1px dashed #005cb7; } /* Konteyner 2 */ /* Konteyner 3 */ .ss4 { background: #f3f3f1; border:1px solid #f7f7f5; padding:5px 10px 5px 12px; } .ss4 a, .ss4 a:link, .ss4 a:visited, .ss4 a:active, .ss4 a:hover { font-family:Arial; font-size:14px; color: #4c4c4c; font-weight:bold; cursor:text; text-decoration: none; border-bottom:1px dashed #4c4c4c; } /* Konteyner 3 */ --> </style> </head> <body style="background-color:#333333;"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><ul id="nav"> <li><div class="ss1"><a href="#null">Масла</a></div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div class="ss2"><a href="#null">Масла</a></div> <div class="ss3"><a href="#null">Масла —</a></div> <div class="ss3"><a href="#null">Масла —</a></div></td> </tr> </table> </li> </ul></td> <td>11</td> <td><ul id="nav"> <li><div class="ss1"><a href="#null">Трансмиссионные</a></div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div class="ss2"><a href="#null">Трансмиссионные</a></div> <div class="ss3"><a href="#null">Синтетические —</a></div> <div class="ss3"><a href="#null">Полусинтетические —</a></div></td> </tr> </table> </li> </ul></td> <td>11</td> <td><ul id="nav"> <li><div class="ss1"><a href="#null">Минеральные</a></div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div class="ss2"><a href="#null">Минеральные</a></div> <div class="ss3"><a href="#null">Масла —</a></div> <div class="ss3"><a href="#null">Масла —</a></div></td> </tr> </table> </li> </ul></td> <td>11</td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div class="ss4"><a href="#null">Моторные</a></div></td> </tr> </table></td> </tr> </table> </body> </html>
