Проблемы с верской

Проблема в padding:

.list li {
    padding: 0.5em;
}

Сделайте 0.2em и все будет нормально. Это ~4900 строка в стилях.

просто контениры разных размеров, нужно их подогнать под какой то один.

поменяй

.list li {
width: 25%;
}

на

.list li {
width: 25%;
height: 440px;
}

Замените padding: 0.5em; на padding: 5px 3px;

.list li {
padding: 0.5em; - эта строка
display: block;
width: 50%;
float: left;
background: none;
border: 0;
}

А флот без позиционирования норм будет разве работать?)

никогда ничего не делайте падингами если хотите чтобы не сьезжало, фиксированный размер и все!
<div style="170px; float:left">
<div style="150px; height:250px; float:left; overflow:hidden">
<img src="/" style="width:150px; height:auto"/>
<p>текст</p>
</div>
</div>
и будет отступ, понятна логика надеюсь.