Здравствуйте. С прошлым вопросом разобрался, все вышло здорово, но двинулся дальше и снова затык. Поможете? Значит, меню, при наведении на пункт которого появляется картинка "menu1.jpg". А рядом, вплотную к меню стоит другая картинка - "menu-title.jpg". Вся таблица выровнена по центру и вот теперь задача: как определить появление картинки "menu1.jpg" точно над "menu-title.jpg", при любой ширине окна браузера? Я уже замучился, хотя для ФФ нашел решение ( к стилю a.menu:hover span добавляю { margin-left: столько-то; } )и все работает, но не в ИЕ. Обе картинки размером 728х444рх. Я оставил только один пункт в меню, на самом деле их 5 и общая высота меню равна высоте картинки. <!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=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> body { margin-left: 0px; margin-top: 0px; margin-right: 0px; } a.menu { display: block; font-family: "MS Sans Serif"; font-size: 14px; font-weight: bold; text-decoration: none; text-align: left; color: #000000; background: #BAAA78; height: 88px; width: 185px; padding-left: 14px; padding-right 14px; border-bottom: 1px solid #000000; } a.menu span { display: none; } img { border: none; } a.menu:hover span { display: block; position: absolute; top: 198px; } a.menu:hover { background-color: #FF0000; color: #FFFFFF; } </style> <body> <table align="center" cellpadding="0" cellspacing="0" style="margin-top: 48px; padding: 0px;"> <tr> <td> <a class="menu" href="#">ААААААААААААААААААААААААААААА<span><img src="menu1.jpg"/></span></a> <a class="menu" href="#">ВВВВВВВВВВВВВВВВВВВВВВВВВВ<span><img src="menu2.jpg"/></span></a> <a class="menu" href="#">ЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦ<span><img src="menu3.jpg"/></span></a> <a class="menu" href="#">ДДДДДДДДДДДДДДДДДДДДДДДДДД<span><img src="menu4.jpg"/></span></a> <a class="menu" href="#" style=" border-bottom: none;">ЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕ<span><img src="menu5.jpg"/></span></a> </td> <td><img src="menu-title.jpg"/></td> </tr> </table> </body> </html>
