Переход непрозрачности для: hover не работает ⇐ CSS

[Anonymous]

Я хочу, чтобы все элементы, являющиеся ссылками, вели себя одинаково.

Код: Выделить всё

 a:hover { opacity: 0.5; }

Это работает в IE и Firefox, но непрозрачность (и связанный с ней переход CSS) не применяется должным образом к дочерним элементам тега в Хром и Сафари. Если я добавлю явное правило для в качестве дочернего элемента, оно будет работать в Chrome и Safari:

Код: Выделить всё

 a:hover, a:hover div { opacity: 0.5; }

Пока все хорошо, об этом уже спрашивали и давали ответ. Проблема заключается в том, что при добавлении правила для содержащего непрозрачность применяется дважды в IE и Firefox, что делает элемент слишком прозрачным.

Мне нужно охватить оба сценария - как обертку или нет, без написания множества явных правил CSS. Как мне это сделать?

http://liveweave.com/fMsz7m

Подробнее здесь: https://stackoverflow.com/questions/244 ... ot-working