display a block element below a floating element

Question

I have a menu with float:right which should be displayed above the content of my site. At the moment the content is displayed behind the menu because of the floating property. Can you solve that?

The code: http://jsbin.com/tomaj/2/edit

the actual situation:

how it should look like:

Answer 1

Give your block div the following CSS

clear: both;