Bilder in Fließtext aber außerhalb von <p> positionieren

[meles]

Also hier mein Code:

  
<div id="seite">  
  <img class="bild_in_text" src="bild.jpg" alt="bild"/>  
  <p class="text">Hier steht der Text...</p>  
</div>

und die dazugehörigen CSS Elemente

  
p.text {  
   font-size:0.85em;  
   line-height:140%;  
   text-align:justify;  
   margin:1.5em;  
  
  }  
  
img.bild_in_text {  
   float:left;  
   width:200px;  
   position:relative;  
   top:500px;  
   margin:0.5em;  
  }  
  
#seite {  
    overflow: auto;  
    height:20em;  
    position:relative;  
   }  

Das Bild möchte ich aus dem Fluss nehmen da der Text von PHP aus einer DB geladen wird und ich die Bild-Tags nicht auch im Text haben möchte. Ich könnte sie natürlich automtisch nach einer bestimmten Anzahl von Zeichen einfügen lassen. Mir scheint diese Lösung aber nicht ganz optimal. Womöglich hat jemand einen besseren Vorschlag als meine beiden es sind.

Schöne Grüße
meles