Text Wrap Problem

I have a content div on my site. Inside the that I have a bio class that I want to use with a picture and some text about me....here's the bio class:

.bio{
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color:#353E49;
}

.bio img{
float:left;
}

When I use this in my page, the picture appears behind the content div. Is there anything I should add to .bio img so that the image will appear in front of the content div? I'ver heard something about using the clear variable...would that be relevant here?

Judging by the link you gave and the html you posted, I'd say...

...oh, wait. :)

It'd be nice to see the code, or a link to your page.

echo"<div id='main'><div class = 'heading'>A Little Bio of The Sandman and Why He Has Created This Fantastic Site!</div>";
echo"<div class='bio'><img src='userImages/b549397b2f2b4478b8542a6bb1a9ede1_me.jpg' class='floatImg'></img>";
echo"asdfasdf<br>";
echo"adsjffjdsaflj</div>";

echo"</div>";

Thats still really not enough info. What browser is the image not displaying correctly? Have you tried the site in more than one browser? We would prefer the outputted code after it gets to the client not the server side code. A link or the rest of your code would be helpful.

<img src='userImages/b549397b2f2b4478b8542a6bb1a9ede1_me.jpg' class='floatImg'></img>";


should in the <img src="blah.jpg class="FloatImg" /> format.