Hover при наведение на элемент сделать подсвечивание

[Cloack]

Всем доброго времени суток!

Цель: сделать чтобы при наведение на элемент он весь подсвечивался

Проблема: подсвечивается только текст ссылки =(

Структура у меня такая:

HTML

<table border="2" width="100%">

<tr><td class="ppp"><a href="#">Ссылка!</a></td>
<tr><td class="ppp"><a href="#">Ссылка 2!</a></td>

</table>

CSS

.ppp
{
background: #dddddd;
padding-left: 8px;
padding-bottom: 4px;
padding-top: 4px;
border-bottom: 2px solid #eeeeee;
display:block;
}

Если делаю так (CSS):

.ppp a:hover
{
background: #000000;
}

То подсвечивается только (!) фон ссылки...

Как быть?

[s0rr0w]

Как быть?

OMG!

Я фигею, дорогая редакция!

Зачем вы присваиваете TD display: block?

[Dimitry Wolotko]

=P

[Great Rash]

Ну и правильно, ведь вы делаете смену стиля при наступлении события hover у ссылки <a>. Почему же вся ячейка должна подсвечиватьсся?

Не знаю будет ли это работать, но я бы попробовал назначить display: block; ссылке, и (т.к. после этого, по идее, можно будет присвоить ей высоту и ширину) растянуть контейнер ссылки на ширину ячейки, а именно width: 100%; height: 100%;. А потом поиграться с отступами.

[dber]

можно на td сделать hover, но надо будет на яве писать обработчик для IE. он hover только для ссылок понимает

[Cloack]

Проблема решилась просто:

.my class, td:hover {атрибуты}

И всё.

[Searcher]

Проблема решилась просто:

.my class, td:hover {атрибуты}

И всё.

IE6 этого не поймет