CSS (original) (raw)

CSS и JS Пытаюсь прикрутить на вёрстку всплывающее меню. По рекомендации верстальщика во время "всплывания" слоя с меню к одному из элементов добавляется css-класс {z-index:-1; position:relative}. Это для убирания бага в IE6 (меню заплывает под слой, который в данном примере убран)

Результат должен выглядеть вот так: http://toivonen.ru/js/menu/table_page_done.htm
(здесь к элементам добавлены те классы, что добавляет скрипт при наведении мыши на пункт-меню)

Но в результате скрипта получается так: http://toivonen.ru/js/menu/table_page_public.htm (при наведении заголовок "Документы" уползает вниз, в IE6)

Скрипт прост как 5 копеек. Или у меня глаза не на месте...

Если со скриптом всё ок, то скажите плиз:

1. Как такое может быть? Ведь добавление класса должно означать перерисовку документа. Откуда тогда разница между добавлением класса скриптом к узлу и напрямую в HTML-код?
2. Как бороться? Всё-таки хочу сделать, чтоб работало.

UPD: проблема решена верстальщиком путём добавления следующего хака: * html div.section { position:relative}