маржинальный левый не работает

Я все еще новичок в css, и я пытаюсь дать некоторый запас по левому краю для моего абзаца и <h2> но он не работает.

У меня есть div с 700px, и я хочу дать 10px margin-left для моих <p> и <h2> по отношению к изображению.

Но он не работает, можете ли вы помочь?

Что я пытаюсь:

Мой вопрос с проблемой:

http://jsfiddle.net/2p9vw/5/

Мой html:

<div id="example">
    <img src="images/image3.jpg" width="226" height="129" />
    <h2>Example</h2>
    <p>text here  text here  text here  text here  text here  text here  text here  text here  text here  text here  </p>
</div>

Мой css:

#example {width:690px; height:auto; font-size:16px; margin:15px 0 0 0;}
#example img{float:left;}
#example h2{float:right;margin-left:10px; font-size:16px; color:#444;}
#example p{ text-align:justify; margin-left:10px; }