Странное поведение float для li с изображениями

Question

Не уверен, как это описать. Почему последние два li не плавают правильно?

Сайт: http://symphonyninjas.com/interviews/

Answer 1

Добавить clear:left:

.photo-id.first, .first.interviewee {
   margin-left: 0;
   clear: left;
}

Answer 2

Все LI плавают, но изображения имеют разную высоту.Пятое изображение ударяет по третьему изображению и сидит рядом с ним, а не под ним.

Очистите поплавок, если вы хотите начать новый ряд.У вас уже есть класс для этого LI, чтобы удалить поле, просто добавьте clear: left;

.photo-id.first, .first.interviewee {
    [...]
    clear: left;
}