Кто с CSS на "ты" помогите решить вопрос.

сабж. вот линка на пациента требуется чтобы при наведении мышки на Site Description у тега <li> менялся бекграунд в ширину и высоту всей ячейки. на данный момент бекграунд меняется только на ширину самой линки. может можно как то по другому сделать это в дивах?
ЗЫ вариант с таблицами и MouseOver не подходит. тока CSS.
ЗЗЫ от меня есстесно семки и прочие благодарности
CSS код пациента:

Код: [развернуть]

.toplist { color:#c40a43; font-weight:bold; } .toplist ul { list-style-type:none; margin:20px 0 20px 30px; } .toplist ul li { display:block; background:#B3EE49; border:1px solid #5E9006; float:left; width:150px; height:24px; margin:1px; padding:6px 0 0 3px; } .toplist ul li a { color:#000000; text-decoration:none; font-size:14px; text-align:left; width:150px; height:24px; padding:6px 0 0 3px; } .toplist ul li a:hover { text-decoration:underline; color:#000000; background:#6D9EE3; width:150px; height:24px; padding:6px 0 0 3px; }

Добавь

Код:

.toplist ul li:hover { background:#6D9EE3; }

Только не вся ячейка будет ссылкой.

Добавил. разницы не заметил.

Странно. Браузер какой? Во всех кроме ИЕ6 должно работать.

Другой вариант - единички перенести в <a href="">1.
И добавить

Код:

.toplist ul li a { display:block;

gimcnuk: сорри,
вот это помогло
.toplist ul li:hover {
background:#6D9EE3;
}
просто страницу не ту обновлял вот и не замечал разницы )
оценил