ie6 <img>in <span>меняет высоту строки

Question

Небольшая часть кода

<span class="breadcrumbs pathway">
<a href="somewhere.html" class="pathway">
    link
</a>
<img src="/customs/images/M_images/arrow.png" alt="" />
Архив
</span>

И проблема в том, что высота изображения меньше размера шрифта, а строка, которая содержит, становится тоньше.

Пробовалдобавить zoom:1;, display:inline-block или inline без результата

Это происходит только в ie6

UPD

Ну, спасибовы все, ребята.Я нашел решение для установки стилей IMG display:inline-block; и добавить padding-top:0.5em

Answer 1

@ M2_ Я тоже столкнулся с той же проблемой. Попробуйте добавить reset.css , чтобы сбросить все стили IE, которые есть у браузера по умолчанию, и вы найдете здесь перед добавлением пользовательских файлов CSS. Также создайте IE-Only таблицу стилей, которая будет нацелена специально на IE, и для этого вы можете сослаться this . Надеюсь, это поможет вам.

Answer 2

Попробуйте установить line-height из <span class="bread-crums pathway"> той же высоты, что и изображение.

Т.е.. если изображение имеет 22px

.breadcrumbs{_line-height:22px}

Answer 3

извините, у меня нет IE6 для тестирования, но вы пытались

• установить отступ и поле в 0?style="padding: 0; margin:0"
• установить высоту изображения?style="height: 4px"
• установить границу изображения?style="border: none" или style="border: 0"

Answer 4

Вы пытались присвоить vertical-align: middle; изображению?