Текст уходит за пределы видимости

[bncom]

День добрый!

На сайте fifarus.ru есть центральные темные блоки под шапкой, в которых присутствует список со ссылками. В Опере текст последнего пункта списка отображается в пределах блоках, в вот если смотреть через Хром или Файрфокс (оба же используют движок ВэбКит), то видно, что последняя строка выезжает на половину за пределы блока и становится не видной.

Посоветуйте, что нужно сделать, чтобы в Хроме выглядело все красиво. Можно, конечно, для .topblocks ul (используется в class="latestnews") поменять

margin: 10px 10px 10px 20px;

на

margin: 5px 10px 10px 20px;

но хочется более правильный вариант.

[swetlana]

движок вебкит используют Хром, Сафари, Епифани, но никак не ФФ. У Огнелиса свой, достаточно древний и надёжный, Gecko.

Тексты закономерно обрезаются, поскольку там же везде overflow: hidden, который там по большому счёту просто не нужен.

[bncom]

С вэбкитом я действительно погорячился.

Убрал overflow: hidden, как показано на скриншоте, результат не изменился. В других местах пробовал - уже каркас начинает некорректно отображаться.

Edited March 8, 2011 by bncom

[psywalker]

Поставь нижний паддинг у блока или высоту больше сделай.

[bncom]

Хорошо, сделаю я паддинг или высоту поменяю, и будет все смотреться хорошо в Хроме, а в Опере как? Тоже же измениться, и если в данный момент в Опере смотрится нормально, то после будет плохо.

Надо какое-то кроссбраузерное решение, что ли, я даже не знаю.

[swetlana]

надо сделать проще

[bncom]

Господа, я поменял в Chrome padding с 5px на 10px, чтобы нижний текст в блоке был виден. Затем решил тоже самое проделать и в Opera, и вот что получилось (см. скриншоты):

т.е. как видно, блок в Опере становится больше по высоте, чем в Хроме. Но а мне же надо, чтобы в обоих браузерах смотрелось одинаково, и чтобы блоки были одинаковых размеров.

Edited March 9, 2011 by bncom

[bncom]

Кхе-кхе, соображения у кого-нибудь еще будут по моему посту выше? =)

[tius]

Заменить/добавить в стилях

.topblocks h3 {margin: 0 0 0 30px;}
.topblocks ul {margin: 10px;}
.topblocks li {line-height: 1em;}

[bncom]

tius, большое спасибо, помогло!

[tius]

Не во что.