Доброго времени суток!
Люди, столкнулся с такой проблемой. делаю горизонтальную менюшку. В которой при наведении на ссылку должен менять background не только ссылки, но и всей ячейки (да, ссылки лежат в дивах, а дивы в ячейках таблицы). Все нормально в IE(при наведении курсора вся ячейка заполняется картинкой), но в FireFox-е возникает такая проблема. Ширина картики background-а не привышает ширины сслыки, т.е. НЕ на всю ячейку. Уже искал решение проблемы в инете, лазил по форумам, но не нашел. Понял только что файрфокс покатывает так, как сверстал, а IE хоть и показывает хорошо, но не есть на самом деле правильно. Люди подскажите, в чем моя ошибка и как сделать чтоб на всю ячейку background распалзался.
Код следующий.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Страница</title>
<style type="text/css">
.tablemenudiv a{
text-decoration: none;
text-align:center;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #661100;
font-weight: bold;
padding-top:15px;
width:100%;
height:47px;
}
.tablemenudiv a:hover{
background:url(line_menu_active.jpg) repeat-x;
text-decoration: none;
text-align:center;
/* width:138px; */
width:100%;
height:47px;
padding-top:15px;
padding-bottom:15px;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="middle">
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Только зарегистрированные пользователи могут видеть ссылки. ]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Только зарегистрированные пользователи могут видеть ссылки. ]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Только зарегистрированные пользователи могут видеть ссылки. ]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Только зарегистрированные пользователи могут видеть ссылки. ]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
<td align="center">
<div class="tablemenudiv">
[Только зарегистрированные пользователи могут видеть ссылки. ]
</div>
</td>
<td>
[img]delimiter_menu_items.jpg[/img]
</td>
</tr>
</table>
</body>
</html>[COLOR=purple]