Для моего личного веб-сайта я создал очень простую систему выпадающего меню полностью из DIV и стилей. Когда пользователь щелкает элемент в строке меню, всплывающее меню DIV становится видимым, а когда пользователь щелкает в любом месте документа, обработчик onclick элемента BODY скрывает выбранное меню и всплывающее окно.
В Firefox все работает прекрасно. Вещи остаются именно там, где они должны быть. Но в IE есть случайный сдвиг всего контента над строкой меню на несколько пикселей, и я не могу понять, откуда он. Сама строка меню, пункты меню и всплывающие меню используют z-index, чтобы гарантировать, что они находятся значительно выше общего содержимого страницы, и они (в общем) абсолютно расположены и не должны влиять на макет содержимого на странице. (они равноправные элементы прямо под ТЕЛОМ).
Если бы вы, ребята, могли взглянуть на это (и не боитесь рисковать в мою маленькую мясную лавку, которая ни в коем случае не завершена), я был бы признателен. Эта разница в поведении раздражает меня без конца, и я ненавижу незнание. Я подозреваю, что это как-то связано с блочной моделью или чем-то в этом роде, но я не уверен, и я в этом остроумие. Панель инструментов IE Developer также не говорит мне ничего полезного. URL для сайта http://www.mikehofer.com.