HTML 5 elements overlap

I have two pages that should display the same, but on the second one the legend under the schedule overlaps the "Promotions" box underneath. Anybody spot where i have fa开发者_Python百科iled?

here's the page where it works properly:

http://www.bikramyoga.cz/schedule.htm

and here's the page where I have overlap:

http://www.bikramyoga.cz/schedule_5.htm

---

In the overlapped page, the div with id="content" has a fixed height, remove that CSS rule and it will work.

find it in bkstyle.css line 345.

A fixed height will make the rest of the content, the content that does not fit inside, to overflow.

---

It seems to work if you remove

height:510px;

from

#content

Tested in Chrome