Div with image not rendering as whole div?

1

Ok this works fine in firefox, but not IE.

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.....
2

anyone???

3

I noticed it works in IE7…just not IE6

4

I don’t have IE6, and probably never will again. Just use conditional css to change it so it looks right:


<!--[if IE 6]>
<script type="text/javascript">alert("update your browser grandpa");</script>
<style type="text/css">*{font-size:40px;}/* there, that should be readable for you */</style>
<![endif]-->