Div with image not rendering whole div??

[rondog]

Ive noticed this is only a problem in IE6(and probably some more older browsers)...Firefox 3 and IE 7 it works fine.

 

Visit this site: (you will have to do it twice because you need to login first.)

 

http://ronnieswietek.com/flashden/newsletter/newsletter.php?do=preview&id=2

 

u: admin

p: testadmin

 

I put a blue background on the div so you can understand what I am talking about. If you look at it in firefox, the blue covers the whole newsletter, text and images, but if you look at it in IE, it only does a small portion of it...Can anyone figure out this mystery???

 

CSS for that section:

#newsletter_subject
{
padding: 5px;
font-size: 18px;
color: #ffffff;
background-color:#999999;
}

#newsletter_preview
{
overflow: auto;
background-color:#000066;
}

#recipients
{
padding: 5px;
font-size: 18px;
color: #ffffff;
background-color:#999999;
}

 

and then the corresponding html:

 

<div id="newsletter_subject">flashden newsletter!</div>
<br>
<div id="newsletter_preview"><font size="6"><span style="font-weight: bold; color: rgb(153, 255, 153); font-family: georgia;">flashden <span style="text-decoration: line-through;">is</span> <span style="color: rgb(204, 0, 0); background-color: rgb(0, 0, 0);">awesome</span> <span style="font-family: impact; font-style: italic; text-decoration: underline; color: rgb(153, 255, 0); background-color: rgb(0, 51, 204);">I</span>!</span></font><br>
  <br>
  <img style="width: 202px; height: 261px;" alt="" src="http://flashden.net/new/site_flashden.net/interface/logo_top.gif" align="left"><br>
</div>
<br>
<div id="recipients">This Newsletter WILL be sent to the following users:</div>
etc.....

[TheFilmGod]

Why are you using <br />?

 

Do not use html markup to create padding or vertical whitespace. You can easily use css by using css padding: 10px 0 0 0;

 

I wish I could help you further, but I do not have IE6 anymore. I upgraded to IE7 because I have choosen to stop catering for IE6 users.