Сообщение # 1 | 14:04:57 09 Май 2014
Здравствуйте, уважаемые!

Помогите пожалуйста с такой проблемой, как показано на скриншоте:

Ссылка
Кратко говоря, некоторые материалы не поднимаются вверх. Может знает как реализовать эту идею?

Должно быть так же, как показано ниже:
Ссылка

Вот сам код стилей вида материалов


Код
.post {
     width:47%;
     background:#f9f9f9;
     -webkit-border-radius:3px;
     -moz-border-radius:3px;
     border-radius:3px;
     padding:5px;
     -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
     -moz-box-shadow:    0px 2px 1px 0px rgba(0, 0, 0, 0.1);
     box-shadow:         0px 2px 1px 0px rgba(0, 0, 0, 0.1);
     margin-right:13px;
     margin-bottom:15px;
     overflow:hidden;
     float:left;
}


Код
<div class="post">
                 <div class="img-p"><a href="#"><img width="426"  src="img/post.jpg" /></a></div>
                 <a href="#" class="title-p">Плавное увеличение картинки при наведении только на CSS3.</a>
                 <div class="text-p">
                 <p>Этот приём с картинками я использую у себя на блоге. Когда пользователь наводит на миниатюру любой записи она плавно увеличивается. Согласитесь, довольно не плохо и красиво смотрится.</p>

                 <p>И делается это только с помощью CSS3, и довольно таки просто. Сейчас я Вам расскажу как это делать.</p>
                 <p>Этот приём с картинками я использую у себя на блоге. Когда пользователь наводит на миниатюру любой записи она плавно увеличивается. Согласитесь, довольно не плохо и красиво смотрится.</p>

                 <p>И делается это только с помощью CSS3, и довольно таки просто. Сейчас я Вам расскажу как это делать.</p>
                 </div>
                 <a href="#" class="link-p">Подробнее</a>
             </div>