Float e sfondo fanno a cazzotti

[idronestudy]

Dovevo creare una zona al centro della pagina con un'immagine di sfondo in cui inserire due colonne con dei testi inseriti che abbiamo lo stesso sfondo dietro...
Ho creato quindi un div centrale che contiene all'interno altri due div impostati con background:none e fin qui tutto ok ma se inserisco la proprietà float per fare in modo che i div figli si dispongano uno a sinistra e uno a destra lo sfondo scompare...perché accade questo e come poter rimediare?

<div style="width:650px; margin-left:25%; background-image:url(images/sfondo.png); background-repeat:no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; ">
    
       <div style="padding: 5px; background: none; margin-top: 10px; width: 250px;  float: left;  ">
               testo 1 colonna 
       </div>

       <div style="border-left:15px solid #00BF55; padding: 5px;  padding-left:25px; padding-right:20px; background:none; margin-top: 15px; float:right;  text-align:left;">
               testo seconda colonna
       </div>
</div>

[mucu]

http://forum.html.it/forum/showthrea...readid=1385215