В следующий раз, пожалуйста, ваш URL кликабельный: http://philippedecor.com/
В Firefox, я вижу крошечный фон, показывая через меню as you can see. Мышь над этой вещью вызывает событие mouseout, закрывая меню. В IE 7 я не вижу эффект push-down, только скрытие меню под панелью Flash и все под ним.
Чтобы предотвратить нажатие других элементов на вашей странице, вы должны использовать position: absolute
на #downmenu
и, возможно, включить его в раздел, содержащий «Основные категории», чтобы разместить его в нужном месте. Использовать подходящий z-index
, скорее всего, предотвратит выпадающее меню из другого div в IE (непроверено, поскольку у меня нет инструмента для отладки для IE в университете, где я набираю это сообщение сейчас).
Кроме того, я думаю, что вы не должны использовать два меню, содержащие точно такой же контент, который может ввести в заблуждение посетителей вашего сайта (на самом деле, я не читал ваше сообщение достаточно хорошо и ухаживал за левым экземпляром). Кроме того, вы не должны помещать текст в изображения без предоставления альтернативных текстов, устройства для чтения с экрана и т. Д. Не могут «видеть» его таким образом (желательно использовать подходящий image replacement technique). И все эти
s в li
s совершенно не нужны, а не в соответствии с правилами для семантического HTML; просто используйте padding
на них или что-то в этом роде. Кстати, вы должны сделать округленные курсоры «Основные категории» прозрачными (теперь показаны два маленьких белых угла). Просто мои $ 0.02 ...
Конечно, просто добавьте код на свой пост или разместите ссылку рабочего сайта. –
Когда я добрался до philippdecor.com, я получил 404 –
случайное предположение: position: absolute and z-index: 10 –