Captain Fizz

Спс Great Rash, работает, надеюсь что и ИЕ6 не выскажет свое "особое мнение". Фишка примера в .cont span {display: block...}, .cont:hover span. А кто-то еще заявляет что наследование не работает. Не перестаю удивляться массе дизайнеров, упорно генерирующих килобайты Javascript и нарезанные картинки, когда можно сделать все проще и элегантнее.

Если создавать уголки средствами CSS, то собственно уголки и ссылки будут суть разными элементами, соответственно и hover будет изменять цвет бекграунда только одного из них(на который наведена мышь), а не всех одновременно. То есть проблема состоит в том, чтобы по hover менять цвет бекграунда у нескольких слоев/элементов одновременно, которые в общем случае могут быть и в разных местах диза. На ум приходит решение по hover прикрывать полупрозрачным дивом пункты меню, однако этот вариант подходит далеко не не для всех дизайнов. Может у кого еще есть идеи? Проблема на самом деле достаточно актуальная.

Изучив тему, я задался вопросом - можно ли сделать изменяющийся фон у блока с закругленными углами при наведении на него мыши, без использования картинок. Допустим имеем сайт, вверху пункты меню с закругленными верхними левым и правым углами. Наводим мышь на любой из пунктов меню, он меняет цвет. Блоки с пунктами меню резиновые, то есть их ширина может изменяться. Также каждый блок/п.меню является ссылкой. Наводим мышь на любой блок/п.меню и цвет фона его меняется, включая и уголки. То есть вопрос в том, чтобы эмулировать стилевой атрибут border-radius (-moz-border-radius) для поддержки браузеров ИЕ7+, Опера 9.5+. Решаема ли задача только средствами исключительно CSS, без изображений и Javascript?