text laying over floated images

image is supposed to float but text lays ontop until you refresh

[cuce]

This is a really weird problem and I don't know why this is happening.

In my site, I have a css class called .left

.left{float:left;margin-right:15px;} <- thats the style for .left

here is an example of the html code:

<p><img src="whatever.jpg" alt="" class="left" /> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>

for some reason in firefox the text is laying on top of the images when it loads, but when you refresh it straightens out and acts normally.

Anybody had this problem before?

[Robin_reala]

Probably a reflow bug that'll be fixed with dbaron's reflow work [bugzilla.mozilla.org] that's in for Firefox 3. In the meantime, what happens if you add a width and a height to the <img> element? That might force Firefox to leave enough space in the beginning.

[edited by: Robin_reala at 6:18 pm (utc) on Dec. 21, 2006]

[jmsinla]

My page looks fine on my desktop but everything overlaps on my laptop. I'm about to try css. Will this alleviate the problems I'm having. Two examples:http://www.heathermariemarsden.com/ & [baby-gracie.com...]