IE8 текст выходит за границу

[Delat]

Не могу найти ошибку, так выглядит в IE8:

http://prodpak.ru/ooo/

[npofopr]

В режиме совместимости нормально.

Может попробовать без градиента?

[Delat]

В режиме совместимости нормально.

Может попробовать без градиента?

без этого что ли?

<!--[if lt IE 9]>
<style type="text/css">
.header li {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaD8E6B2', endColorstr='#aaD8E6B2');

}
.topfooter {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa000000', endColorstr='#aa000000');  
}
</style>
<![endif]-->

[npofopr]

Не туда посмотрел.

Но в режиме совместимости у меня всё равно всё ок.

[Delat]

В режиме совместимости нормально.

Может попробовать без градиента?

Вылезающий текст я обнаружил через программу IETester. Если убрать градиент в условных комментариях, то тоже ничего не меняется.

А в чем разница между режимом браузера и документа? Если изменить режим браузера на IE8 то все нормально отображается, а если ещё и изменить режим документа на IE8, то проблема снова появляется.

[Zverushka]

Проверяй тут http://netrenderer.com.

Иетестер часто глючит и показывает не так, как выглядит в реальном ие.

[Delat]

Проверяй тут http://netrenderer.com.

Иетестер часто глючит и показывает не так, как выглядит в реальном ие.

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

DIV присвоил table-cell, задал padding:2% - все эти свойства IE8 поддерживает.

[npofopr]

Ну дак у вас же есть фаербаг в вашем IE.

Попробуйте убрать паддинги. Попробуйте заменить table-cell на обычный block. И сразу поймете в чем проблема.

[Delat]

Ну дак у вас же есть фаербаг в вашем IE.

Попробуйте убрать паддинги. Попробуйте заменить table-cell на обычный block. И сразу поймете в чем проблема.

иногда того, что очевидно не касаюсь, а начинаю искать проблему где-то более "глубоко". И в самом деле убрал паддинг, а в теге <p> паддинг наоборот прописал и всё стало как надо. Спасибо!