Один div кажется поглощенным другим

Question

У меня есть эта страница:

http://www.comehike.com/outdoors/birds/birds.php

С левой стороны (посередине) находится список птиц. Но по какой-то причине веб-страница отображает только половину списка птиц. Если я делаю view-source, я вижу весь список птиц.

Если я смотрю на страницу в Firebug, она показывает интервал между делами, как я и ожидал, но по какой-то причине только верхняя часть списка птиц не появляется.

Есть идеи, почему это происходит?

Спасибо!

Answer 1

Вам не хватает кавычки в конце объявления стиля для родительского div.

<div bird.php?bird_id="10501"" birds="" outdoors="" www.comehike.com="" http:="" style="width: 275px; float: left;>

должно быть

<div bird.php?bird_id="10501" birds="" outdoors="" www.comehike.com="" http:="" style="width: 275px; float: left;">

Answer 2

Когда я бегло смотрю с Chrome, я думаю, что он отображает весь список, но нарушает макет.

Это может помочь очистить float, добавив <div style="clear: both;"></div> непосредственно перед закрытием mainBody.

редактировать: исправлена ​​опечатка