Пытаюсь прикрутить на вёрстку всплывающее меню. По рекомендации верстальщика во время "всплывания" слоя с меню к одному из элементов добавляется 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) Как бороться? Всё-таки хочу сделать, чтоб работало.

4 скриптовых файла, это ты называешь прост?!

Такое может быть, если несогласованы список "Меню раздела" 

и заголовок "Документы". Возможно, тот же 
css-класс {z-index:-1; position:relative} 
к этому и приводит...




Может, как-то упростить код? А то все мограет и перерисовывается - кибер-страница какая-то...
Сделай, например, скрытый див (для всплывающего списка) с абсолютным позиционированием и вычислением координат, а остальное сделай сухой версткой.

Это сообщение отредактировал(а) TryLight - 17.4.2008, 00:14

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