проблема с overflow:hidden

[llis456]

День добрый, столкнулся с такой проблемой. резиновая колонка в ней находится блок с class="info". чтоб текста всегда хватало, он находится в избыточном количестве и лишний текст обрезается с помощью overflow:hidden.

проблема подробно показана на картинке ниже. заключается она в том, что при 119px обрезанные заглавные символы видны в Firefox, а при 118px обрезаются нижние окончания у букв типа g y в Opera, Chrome, Safari, Internet Explorer.

пробовал играться с line-height, не помогло. пожалуйста подскажите как можно решить такую проблему.

<style type="text/css">
.column-1 {
	width:24%
}
.info {
	height:119px;
	overflow:hidden;
	font-size:15px;
	font-style: italic;
}
</style>

<div class="column-1">
<h2 class="title">Lorem ipsum</h2>
<div class="info">Lorem ipsum</div>
</div>

[hedgehog]

Ну попробуйте принудительно указать line-height

[llis456]

пробовал с стандартными величинами (1 - 1.5) не помогала.

а когда начал перебирать попиксельно от 1 до 20, но нормализовалось с размером 20px

спасибо.

Edited September 27, 2012 by llis456