CSS Dropdown WebKit Woes

Question

Я получаю эту очень неприятную проблему с моим выпадающим меню в Safari & Chrome для Mac и Windows.

В других браузерах это кажется прекрасным, даже IE7 + (шокирующий, я знаю).

Выпадающее меню должно быть абсолютно позиционировано для родителя <li>, но я установил left: 0;, однако выпадающее меню показано ниже следующим образом: <li>.

Я имел эту проблему в IE в прошлом, но я ожидал бы лучше от WebKit!

Кроме того, здесь проблема выглядит в Safari (разные, но я думаю, причина та же):

Вот ссылка на страницу (наведите курсор мыши на ссылку «Блогов»): - http://www.mattpealing-server.co.uk/~devfooty/

Кто-нибудь знает, как я могу это исправить? Я пробовал всевозможные комбинации, даже узнал, что если я положу bottom: 0, то выпадающее меню появится под правильным <li>, но, очевидно, это выглядит неправильно! Странно, хотя.

Answer 1

Я не уверен, что это сработает, но вы можете попытаться установить относительное положение родительского элемента.