I am trying to style the page <http://techno-french.com/french-news-room> and for the life of me, I cannot figure out why the H1 heading, 

*Learn French Online Free with Mots de L’actu* 

is partly obscured by the right floated div above it. I have tried putting 2em of bottom margin on the Div above, and then tried putting top margin on the Div containing the Heading. It works fine in [Dreamweaver](http://en.wikipedia.org/wiki/Adobe_Dreamweaver) outside of [WordPress](http://en.wikipedia.org/wiki/WordPress), so I suspect the CSS is right, but inside of WordPress, the heading slips under the Div above it. I'm not expert, but this seems to be coded correctly:

Here's the code:

```
<div style="float: left; width:360px; height:467px;">
   <h2 style="text-align: center;">Top Stories: Le Progres</h2>
   [WordPress shortcode for an advanced iFrame]
</div>
<div style="float: right; width:517px; height:560px; margin-bottom: 2em;">
   <h2>Funny Helps Learning</h2>
   [WordPress shortcode for an advanced iFrame}
</div>
<div style="float: left; clear: both;">
   <h1 style="text-align: center; color: #0b00dd;">Learn French Online 
      Free with Mots de  L'actu
   </h1>
   TEXT
</div>

```