2012-06-27 4 views
3

У меня есть рабочее меню спрайтов и вы хотите добавить вертикальное подменю под одним из элементов. Я отлично работаю в ie и firefox, однако в браузерах webkit (хром и сафари) подменю отображается слева от правого поля содержимого li, что делает меню непригодным. Я пробовал каждый совет css, который мог найти, чтобы выполнить эту работу, включая переопределение webkit -40padding, но все, что я пробовал, не имеет никакого значения для выравнивания в этих браузерах.Текст только CSS Подменю (под меню спрайтов) смещено только в хром/сафари

test page

+0

К сожалению, ответ ниже решить эту проблему в WebKit, но вызвало другое в IE. Ответ состоял в том, чтобы фактически вернуть позицию: относительный и изменить отображение: встроенный для отображения: блок в меню верхнего уровня #navigation (ul id). Надеюсь, это поможет другим. –

ответ

0

Найти ваши #navigation > li { position:relative } и удалить position:relative

+0

Это сработало! Спасибо! –

+0

Np. Я рад, что это так. – Miro

+0

Не уверен, что это отдельный вопрос, но подменю отображается прямо в главном контейнере в ie7, любые идеи? –