# Div with image not rendering as whole div?

**URL:** <https://forum.kirupa.com/t/div-with-image-not-rendering-as-whole-div/266038>\
**Category:** Uncategorized\
**Created:** [July 15, 2008, 6:42pm UTC](https://forum.kirupa.com/t/div-with-image-not-rendering-as-whole-div/266038 "2008-07-15T18:42:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![rondog](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/rondog/32/2478_2.png) [@rondog](https://forum.kirupa.com/u/rondog)\
**Post date:** [July 15, 2008, 6:42pm UTC](https://forum.kirupa.com/t/div-with-image-not-rendering-as-whole-div/266038/1 "2008-07-15T18:42:24Z")

</div>

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](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:

```auto

#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:

```auto

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

```

---

<div class="post-metadata">

**Author:** ![rondog](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/rondog/32/2478_2.png) [@rondog](https://forum.kirupa.com/u/rondog)\
**Post date:** [July 16, 2008, 2:38am UTC](https://forum.kirupa.com/t/div-with-image-not-rendering-as-whole-div/266038/2 "2008-07-16T02:38:37Z")

</div>

anyone???

---

<div class="post-metadata">

**Author:** ![rondog](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/rondog/32/2478_2.png) [@rondog](https://forum.kirupa.com/u/rondog)\
**Post date:** [July 16, 2008, 3:06am UTC](https://forum.kirupa.com/t/div-with-image-not-rendering-as-whole-div/266038/3 "2008-07-16T03:06:53Z")

</div>

I noticed it works in IE7…just not IE6

---

<div class="post-metadata">

**Author:** ![actionAction](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/actionaction/32/3987_2.png) [@actionAction](https://forum.kirupa.com/u/actionAction)\
**Post date:** [July 16, 2008, 6:24am UTC](https://forum.kirupa.com/t/div-with-image-not-rendering-as-whole-div/266038/4 "2008-07-16T06:24:51Z")

</div>

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

```auto

<!--[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]-->

```