Posting Creative Image results in madness

Hi I’ve been trying to post this code to a post, but when I do that it appears in fragments throughout out the page. Also, the text that I want to include after this code ends up wrapping around the banner, like it does when I insert other images too. The interactive buttons still function properly but are floating half way down the screen. Any suggs? Much thanks, here’s the code

<div style=”float: left; width: 300px; height: 312px;border:1px solid black; background-image:url(http://s1.ourstage.com/pdf/counter/FHTA/fhtabg.png);”>

<div style=”float: left; width: 300px; margin-top: 220px;”>
<div style=”float: left; padding: 0px 0px 0px 5px; cursor:pointer;”> <img src=”http://s1.ourstage.com/pdf/counter/FHTA/fhtalogo.png&#8221; border=0></div>

<div style=”float: right; margin: -10px 9px 0px 0px; text-align: right; cursor:pointer;”> <img src=”http://s1.ourstage.com/pdf/counter/FHTA/osfhtalogo.png&#8221; border=0></div>

</div>

<div style=”float: left; width: 300px; margin-top: 15px;”>

<div style=”float: left; padding: 0px 0px 0px 5px; cursor:pointer;”> <img src=”http://s1.ourstage.com/pdf/counter/FHTA/fhtajoinnow.png&#8221; border=0></div>

<div style=”float: right; margin: 5px 7px 0px 105px;”><img src= “http://www.ourstage.com/banner/charity/soledadisgoneforever.jpg&#8221; border=”0″ /></div>

</div>

</div>