[Шерли]

Из-за чего такая беда (отметила на скрине)?

Код shortstory.tpl (в нем, может, корень зла):

Код shortstory

<div class="main-news">
<div class="main-news-image">
[full-link]<img src="[xfvalue_image-1]" alt="{title}" />[/full-link]
</div>
<h2>[full-link]{title}[/full-link]</h2>
<div class="main-news-more">
[rating]{rating}[/rating]
</div>
<div class="main-news-more2">
{short-story}
</div>
</div>

[свернуть]

Стили для shortstory:

CSS-код

.main-news{width:140px;float:left;position:relative;margin:0 10px 20px}
.main-news-image{width:80px;height:80px;overflow:hidden;margin:0 auto 10px}
.main-news-image img{min-width:80px;height:80px}
.main-news h2 a{font:bold 14px "Open Sans";color:#1e1e1e;display:block;line-height:15px;overflow:hidden;height:15px;text-align:center;margin:0 0 5px}
.main-news h2 a:hover{color:#23accc}
.main-news-rating{float:left;width:85px;margin:0 5px 0 16px}
.main-news-vote-rating{float:left;width:20px;font-size:11px;color:#6f6f6f}
.main-news-hidden{display:none;width:165px;height:80px;background:url(../images/main-news-hidden.png) 0 0 no-repeat;position:absolute;top:15px;left:90px;z-index:2;padding:15px 15px 15px 30px}
.main-news-content{font-size:11px;color:#f6f6f6;line-height:16px;height:80px;overflow:visible;}

[свернуть]

Отчаялась.

Что не так с кодом?


P.S. Заранее всем спасибо

[kuzmi4]

Вот здесь смотрите: http://htmlbook.ru/samlayout/blochna...chnye-elementy

В цсс (.main-news) добавьте
display: inline-block;
vertical-align: top;
это удалите
float: left
--
результат:

[Шерли]

kuzmi4, огромное спасибо, помогло.
Можно закрывать)