Неприятная особенность с миниатюрами картинок

[dream.reckless]

Не приятная особенность заключается в том, что картинка которая "ниже" по высоте отображается с полоской сверху при наведении на нее мышкой (эта картинка - миниатюра). Проверял на другом движке - подобного нет. Пример привожу:







Может это как то можно избежать?

Правда может быть еще, что это только у меня - так как многие у меня проблемы наблюдаются со специфической настройкой браузера.

Это авария Авария в метро, Москва 1994 г.

[JoteRuso]

Открыл сейчас эту страничку в 7 браузерах.
Полоска (не сильно, но заметная) имеет место быть только в Опере (которая скоро сменит свой движок). Вобщем, проблема скоро исчезнет сама собой )))

[dream.reckless]

Открыл сейчас эту страничку в 7 браузерах.Полоска (не сильно, но заметная) имеет место быть только в Опере (которая скоро сменит свой движок). Вобщем, проблема скоро исчезнет сама собой )))

Спасибо большое, Вы мне очень помогли!

[factotum]

попробуйте так:

Код: Выделить всё

.postbody .content img, .postbody .signature img {
max-width: 100%;
width: auto\9;
height: auto;
vertical-align: text-bottom;
border: 0;
-ms-interpolation-mode: bicubic;
}

Добавлено спустя 1 час 45 минут:
обновил
vertical-align: midle; -> vertical-align: text-bottom;

проверил на Opera 12.15, Chrome, FF

[VEG]

factotum, с vertical-align: text-bottom; в Opera почему-то все смайлики в сообщениях съезжают вниз.

[factotum]

И не поправить?

[VEG]

factotum, не пробовал пока что.

[factotum]

Для смайлов должно подойти inline-block + text-top. В теории выровняет строку по центру смайлов во всех браузерах

Добавлено спустя 6 часов 18 минут:
vertical-align: text-bottom;

Код: Выделить всё

.postbody .content img, .postbody .signature img {
display: inline-block;
max-width: 100%
width: auto\9;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}

в опере все на месте. в хроме все на месте