Смена цвета фона при наведении на LI. Ну как же?

У меня каждая строчка списка подчеркнута border-bottom. Мне бы еще хотелось, чтобы при наведении, менялся фон этой строчки. У меня пока не получается. Как я ни стараюсь, фон меняется только за буквами, а вокруг остается белым. Мне нужно, чтобы вся область этой строчки меняла фон, но я не могу понять, почему не получается. Вот код

.moreright { background: #fffffff; width:243px; padding-bottom:50px;}
.moreright ul { padding-left:18px;}
.moreright ul li { border-bottom: solid 1px #E7EAE7;}
.moreright ul li a { color:#565D54; text-decoration:none;}
.moreright ul li a:visited {color:#565D54; text-decoration:none;}
.moreright ul li a:hover { color:#E9005A; background:#FAFFEF;}

Посмотрите, как сделаны на этом сайте http://veerle.duoh.com/ категории внизу. Меняет фон вся строка, а не только за буквами. В чем моя ошибка?

Добавте:
.moreright ul li:hover {background:#000000;}

Большое вам спасибо! Я думала, что hover можно присваивать только там, где есть a

Оказывается его можно присваивать чему угодно! Спасибо.

Скажу честно, я тоже не знал. А IE знает?

Нифига он (IE) не знает 🙂 Будет действовать только в firefox и opera, про остальные не в курсе

Anonymous
Отправить
Ответ на: