Приветствую. Извените за партяну. Проблема - текст "МЕНЮ 2" ниже чем "МЕНЮ 1" в IE7 (в FF3 и Opera 9 - все правильно) - как решить не знаю, нужно поднять "МЕНЮ 2" до уровня "МЕНЮ 1". http://validator.w3.org/check - говорит что ошибок нет. <!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> <style type="text/css"> .fll { float: left; } .whb { font-size: 7pt; color: #FFFFFF; font-weight: bold; } .men { width: 123px; height: 18px; padding-top: 9px; margin-right: 1px; text-align: center; background: #435330; } /* Tabbed Nav */ #mr-topnav { z-index: 100; width: 800px; } #mr-topnav div { z-index: 500; position: relative; vertical-align: baseline; } #mr-topnav div:hover .subcats { left: 0; top: 27px; } #mr-topnav table.subcats { position: absolute; left: -1000em; font-size: 75%; border: 1px solid #ccc; width: 123px; background: #435330; z-index: 1000; margin: 0; } #mr-topnav table.subcats tr { height: 18px; width: 123px; text-align: center; background: transparent; border-bottom: 1px solid #ccc; } #mr-topnav .subcats tr:hover { background: #3c61a4; } /* FF, Opera, IE7 */ #mr-topnav .subcats tr a { height: auto; color: #fff; font-weight: bold; text-indent: 0; background: none; padding: 4px; } </style> </head> <body> <div id="mr-topnav"> <div class="men fll"> <a href="/m1/" class="whb">МЕНЮ 1</a></div> <div class="men fll"> <a id="yfpfa" href="/m3/" class="whb">МЕНЮ 2</a> <table class="subcats whb"> <tr> <td> <a href="/m31">МЕНЮ 2 1</a> </td> </tr> <tr> <td> <a href="/m32">МЕНЮ 2 2</a> </td> </tr> </table> </div> </div> </body> </html>
