Fehler im float

[Rolf]

Hallo Zusammen

Ich suche jetzt schon geraume Zeit nach einer Lösung, für einen Fehler den ich im css oder html habe, den ich aber nicht finde.

Ich habe ein Bild mit float left ausgerichtet. Daneben steht ein Text, der eine border-top hat. Diese border-top geht nun bei 12 getesteten Browsern über Text und Bild, nur im IE6 und IE7 geht die border nur über den Text.

Das xhtml sieht so aus:

<img class="portrait_pic" src="bilder_portraits/johann_signer.jpg" alt="Johann Signer" title="Johann Signer" />  
<p class="portrait"><span class="big_text">Christ Dominic:</span> <span class="trikot_nr">24</span>Geburtsdatum: 02.10.1988, Beruf: Schreiner, Position: Linker Fl&uuml;gel, Bisherige Vereine: TV Appenzell</p>

Das css wie folgt:

p.portrait {  
	height: 8.5em;  
	padding: 1em 0 2em 0;  
	border-top: 1px solid #dfdfdf;  
}

.portrait_pic {  
	width: 7.5em;  
	float: left;  
	padding: 16px 16px 0 0.75em;  
}

Weiss einer von Euch wie ich das besser lösen kann, oder wo ich den Fehler mache?

Besten Dank im voraus
Rolf