Hi CSS Experts,
I'm using a typical layout to float an image left and wrap text around it.
<p><img src="me.jpg" alt="me" style="float:left;">Lorem paragraph one...</p>
<p>Here's paragraph two...</p>
<p>And paragraph three...</p>
In Firefox, everything looks OK, but in IE7, if the first paragraph is not as 'tall' as the height of the image it is wrapping around, the next paragraph drops to directly under the image it is supposed to floating around.
My workaround has been to code the paragraphs with <br /><br /> instead of the <p> but that can't be right!
Do I need to wrap an additional div, or something around the whole thing? I have several of these images on the page, as it's a BIO page for the company.
What am I missing?