height для встроенных - IE против Firefox

[Cron]

Наверняка тема уже поднималась, но я нигде не нашел, как решить.

К своему удивлению столкнулся с неожиданной проблемой.

Оказывается Лиса и Опера не понимают высоту для встроенных элементов.

<a href="#" style="background-color: #3399cc;height:40px;">test</a>

ИЕ делает ссылку 40px, Лиса и Опера - игнорируют height.

В конечном счете я хотел запихнуть в эту ссылку картинку фоном, но она обрезается.

Почему и можно ли это как-то исправить (display:block; помогает, но не подходит)?

[juverman]

тогда либо float, либо position: absolute.

А почему не подходит display:block ?

[Azadi]

display:inline-block; ?

[Cron]

Речь идет о меню в маркированном списке, каждому из пунктов в котором назначается своя иконка бэкграундом.

display:block - делает весь элемент

[*] ссылкой за счет 100% размера вложенной ссылки, что мне не очень нравится. Прийдеться, видимо, добавлять div / span, а в него ссылку.

display:inline-block - не дает никакого эффекта.

[PaLyCH]

  Cron said:

Речь идет о меню в маркированном списке, каждому из пунктов в котором назначается своя иконка бэкграундом.

display:block - делает весь элемент

[*] ссылкой за счет 100% размера вложенной ссылки, что мне не очень нравится. Прийдеться, видимо, добавлять div / span, а в него ссылку.

display:inline-block - не дает никакого эффекта.

Зачем так тяжело

test

И будет тебе счастье