Как сделать изменение цвета div'а со скругленными углами при наведении мышки на него?

Question

[nep]

Может быть вопрос очевидный, но в верстке я новичок.

Суть вопроса на живом примере: bimvet.ru
Нужно чтоб элементы меню меняли цвет при наведении мышки. Вроде все сделал как надо, но есть баг — div со скругленными углами «не прокрашивается» до конца.

Способ скругления можно выбрать другой. Я взял первый что нашел на хабре.

Заранее спасибо.

Comments

[nep]

Баг найден, код по ссылке уже поправил — теперь все работает как надо. Вопрос закрыт.

Answer 1

[Влад Фролов]

Замените:
A:hover.elmenu .grc b.e b, .grc b.e i, .grc b.e u {height: 1px !important; background: #ff0000;}
на:
A:hover.elmenu .grc b.e b, A:hover.elmenu .grc b.e i, A:hover.elmenu .grc b.e u {height: 1px !important; background: #ff0000;}

Comments

[nep]

Спасибо, работает. Суть понятна. Вопрос действительно очевиднейший :)

Answer 2

[Иван Трофимов]

Если вас интересуют другие способы скругления, про них можно почитать и посмотреть тут. Всегда использую этот пример, 100% рабочий во всех браузерах, включая IE6

Answer 3

[ZloiZmei]

Может просто нарисуете кнопки (бэкграунд) для меню? Активный и неактивный вариант.

Comments

[pxx]

Back to 90ths

[ZloiZmei]

Просто в данном варианте закругление само по себе хромает. Это видно невооруженным глазом во всех браузерах.
Может с другим вариантом закругления будет и хорошо. Но тогда снова все переделывать.

И это же простейший вариант. А если понадобится тень добавить? И фон будет посложнее? И менюшка не одноцветная?