float css

[joanne]

Onderstaande CSS werkt prima in IE6.0, ook in FF/Mozilla v.w.b. de images, maar de tekst komt bij Mozilla gewoon onder elkaar. terwijl het eigenlijk mooi apart bij het plaatje moet staan.
Is dit aan te passen zonder dat het in IE dan weer verkeerd gaat?
J




.floatright
{
float: right;
width: 403px;
margin: 0 0 10px 10px;
background-color: #CD5555;
color: white;
padding: 10px;
border-top: 1px solid #CD5555;
border-right: 2px solid #8B3A3A;
border-bottom: 2px solid #8B3A3A;
border-left: 1px solid #CD5555;
}

div.floatright img
{
border-top: 2px solid #8B3A3A;
border-right: 1px solid #CD5555;
border-bottom: 1px solid #CD5555;
border-left: 2px solid #8B3A3A;
}

p { margin-top: 0; } /* lijnt de tekst op, huh??! */
/* end plaatjes gedoe */

HTML code is dus zo.
Gaat dus om Tekst 1.


<div class="floatright">
<img src="vlierden/vlierdschool.jpg" alt="vlierdschool"><br>
Caption here
</div>
<p>
Tekst 1 enz.
</p>