Изменить непрозрачность таблицы при наведении указателя на другой элемент

Question

Я кое-что упростил (ОМТ) Я работаю над тем, что кто-то может помочь мне (снова) достичь того, что я собираюсь сделать.

Я пытаюсь изменить стиль всего стола, когда он зависает над помощью слова. Таким образом, всплывающая подсказка будет «поп» больше. Я попытался изменить HTML тысячу различных способов, но CSS, который, как я думаю, должен работать, не работает. Я подумал, что если я обернуть весь раздел «помощи» в DIV затем другой DIV вокруг стола, я мог бы использовать этот

.help:hover ~ table { opacity:0.4;}. 

ниже jsfiddle является единственным способом я могу получить эффект я хочу, но таблица непрозрачность идет до 0,4 независимо от того, где я нахожу (предполагая, что все это в 1 DIV?). Надеюсь, это все имеет смысл!

.help:hover table { 
opacity: 0.4; 
} 

http://jsfiddle.net/6DsMg/12/ (пожалуйста, смотрите это только IE)

Answer 1

Я был в состоянии заставить его работать, используя то, что я писал выше. Тем не менее, не уверен, почему он не работает в моем готовом продукте. По крайней мере, я знаю, что это работает.

для всех, кто попадает на этот пост, обновлен jsfiddle.