Уважаемые господа! Всем доброго времени суток. Помогите, пожалуйста, начинающему(ей) изучать HTML и CSS. "Состряпала" я меню. (Посмотреть здесь: http://lady-mebel.narod.ru/222.html ) В Firefox съезжают DIV'ы: выпадающее меню выпадает сбоку от таблицы. В Опере и IE8 выпадает там, где надо, правда, в Опере строки ссылок выпадающего меню неровные, а в IE8 они совсем обрезаны с правого края. Но с этим я попробую справиться самостоятельно. Пока "борюсь" с "уехавшими" DIV'ами в FF. Объясните, пожалуйста, в чем ошибка. Или подскажите, где почитать про это. Статью "Каждому браузеру свой стиль" в разделе "Рецепты CSS" прочитала, но там все больше про IE. Вот код страницы: <html> <head> <title>Народ.Ру: Новая страница</title> <style type="text/css"> ul *{margin:0 auto} ul li{list-style-type:none;display:inline} li a{font-family:Tahoma,Helvetica,sans-serif;text-decoration:none;color:#fff} li a{display:block;float:left;padding:4px 10px;background:#193D6A} li a:hover{background:#408BE8;padding:7px 14px;position:relative;top:-3px} </style> <script Language="JavaScript"> </Script> </head> <body> <DIV ID="submenu1" STYLE="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;LEFT: -1000px;OVERFLOW: hidden;POSITION: absolute;TOP: -1000px" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()"> <table cellpadding=1 cellspacing=0 BORDER=0 width=100> <TR> <TD> <ul> <li><a href="#"; style="width:">Кухни</a></li> <li><a href="#">Шкафы-купе</a></li> <li><a href="#">Детская мебель</a></li> </ul> </TD> </TR> </table> </DIV> <DIV ID="submenu2" STYLE="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;LEFT: -1000px;OVERFLOW: hidden;POSITION: absolute;TOP: -1000px;" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()"> <table cellpadding=1 cellspacing=0 width=100 border=1> <tr> <td width=><a style="text-decoration:none" href="">FRANKE</a></td> </tr> <tr> <td><a style="text-decoration:none" href="">SubMenu2_2</a></td> </tr> <tr> <td><a style="text-decoration:none" href="">SubMenu2_3</a></td> </tr> <tr> <td><a style="text-decoration:none" href="">SubMenu2_4</a></td> </tr> </table> </DIV> <DIV ID="submenu3" STYLE="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;LEFT: -1000px;OVERFLOW: hidden;POSITION: absolute;TOP: -1000px; TEXT-DECORATION: none" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()"> <table cellpadding=1 cellspacing=1 BORDER=1 width=100> <tr> <td width=100><a style="text-decoration:none" href="">Baumatic</a></td> </tr> <tr> <td><a style="text-decoration:none" href="">SubMenu3_2</a></td> </tr> <tr> <td><a style="text-decoration:none" href="">SubMenu3_3</a></td> </tr> <tr> <td><a style="text-decoration:none" href="">SubMenu3_4</a></td> </tr> </table> </DIV> <DIV ID="submenu4" STYLE="FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;LEFT: -1000px;OVERFLOW: hidden;POSITION: absolute;TOP: -1000px" onMouseOut="hidemenu(true)" onMouseOver="cancelhide()"> <table cellpadding=1 cellspacing=0 BORDER=0 width=100> <tr> <td width=100%><a style="text-decoration:none" href="">Готовые решения</a></td> </tr> <tr> <td><a style="text-decoration:none" href="">Выполненные заказы</a></td> </tr> <tr> <td><a style="text-decoration:none" href="">SubMenu3_3</a></td> </tr> <tr> <td><a style="text-decoration:none" href="">SubMenu3_4</a></td> </tr> </table> </DIV> <TABLE WIDTH= BORDER=0 align=center onMouseOut="hidemenu(true)" onMouseOver="cancelhide()"> <TR> <TD> <ul> <li ><a href="#">Главная</a></li> <li><a href="#">О сайте</a></li> <li onMouseOver="show(this,'submenu1')"><a href="#">Мебель</a></li> <li onMouseOver="show(this,'submenu2')"><a href="#">Мойки</a></li> <li onMouseOver="show(this,'submenu3')" ><a href="#">Техника</a></li> <li onMouseOver="show(this,'submenu4')"><a href="#">Фотогалерея</a></li> <li><a href="#">Контакты</a></li> </ul> </TD> </TR> </TABLE> </body> </html>
