Я получаю странное поведение при наведении курсора в IE9, которое, похоже, является результатом размещения элемента относительно родителя. Это немного сложно объяснить, поэтому я сделал рабочий пример доступным здесь: http://jsfiddle.net/CVPhW/2/ Я удалил его столько, сколько смог, но я оставил там все содержащие div на случай, если они будут как-то актуально.
Попробуйте навести курсор на самую нижнюю часть каждой кнопки, и вы увидите, что наведение не активируется, если вы не переместите курсор на 10 пикселей вверх. Он отлично работает в FF, Chrome, и верьте, хотите нет, даже в IE6.
Это как-то связано со стилем bottom: 12px;, примененным к #menucontainer ul li a. Если я удаляю это, вся часть активируется должным образом, но она не расположена правильно. Положение текста в этом примере будет таким, каким я бы хотел, но с исправлением для зависания.
Кто-нибудь еще сталкивался с чем-то подобным раньше? Я тралял SO и Google за ответ, но не нашел ничего похожего. Я был бы очень признателен за помощь с этим.