знаю, много на форуме обсуждалось, как сделать выпадающее меню не прибегая к скриптам. вот я пытаюсь такое меню сделать. вроде бы получается в общих чертах, но есть несколько косяков. 1. в ИЕ под элементом меню, которое содержит в себе еще вкладки, появляется небольшой отступ. как от него избавится я не знаю. чего только не пробовал 2. в опере выпавшая менюшка вообще никак не реагирует на движения мыши. самое обидное, что вводит меня в ступор - даже на ссылку никак не нажмешь CSS: #menu{ display: block; position:relative; top:0;left:0; padding:0; margin:0: } #menu a { display: block; width:100%; height: 10px; background: #ccc; } #menu a:hover { background: #aaa; } #menu *.drop { background: #bbb; } #menu A,#menu a:hover,#menu a:active { text-decoration:none; color: #000; } #menu ul { display: block; position:relative; padding:0; margin:0: list-style-type: none; WIDTH: 110px; } #menu table { BORDER-COLLAPSE: collapse; MARGIN: -1px; position: relative; left: 80px; top:-20px; } #menu li a ul{ position:absolute; } #menu li a ul, #menu li a:hover li a ul { visibility: hidden; } #menu li a:hover ul, #menu li a:hover li a:hover ul{ display:block; visibility: visible; } HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Новая страница 1</title> <LINK href="files/1.css" type="text/css" rel="stylesheet"> </head> <body> <div id="menu"> <ul> <li> <a href="#"> 1 </li></a> <li> <a href="#"> 2 </li></a> <li> <a href="#"> 3 </li></a> <li> <a href="#" class="drop"> 4 </li> <table id="table"> <tr><td> <ul> <li><a href="#"> 4.1 </a></li> <li><a href="#" class="drop"> 4.2 </li> <table id="table"> <tr><td><ul> <li> <a href="#"> 4.2.1 </a></li> <li> <a href="#"> 4.2.2 </a></li> <li> <a href="#"> 4.2.3 </a></li> </ul></td></tr></table></a> <li><a href="#" class="drop"> 4.3 </li> <table id="table"> <tr><td> <ul><li> <a href="#"> 4.3.1 </a></li> <li> <a href="#"> 4.3.2 </a></li> <li> <a href="#"> 4.3.3 </a></li> </ul></td></tr></table></a> </td></tr> </table> </a> </a> <li> <a href="#"> 5 </li></a> <li> <a href="#"> 6 </li></a> <li> <a href="#"> 7 </li></a> <li> <a href="#"> 8 </li></a></ul> </div> </body> </html> плиз, помогите разобраться с этими 2-мя проблемами. спасибо. зы. ЦСС начал изучать неделю-две назад, так что сильно не ругайте, если что)
