# CSS, IE and DIV order

**URL:** <https://forum.kirupa.com/t/css-ie-and-div-order/258822>\
**Category:** web dev\
**Created:** [April 28, 2008, 5:23pm UTC](https://forum.kirupa.com/t/css-ie-and-div-order/258822 "2008-04-28T17:23:09Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![frontlines](https://avatars.discourse-cdn.com/v4/letter/f/d6d6ee/32.png) [@frontlines](https://forum.kirupa.com/u/frontlines)\
**Post date:** [April 28, 2008, 5:23pm UTC](https://forum.kirupa.com/t/css-ie-and-div-order/258822/1 "2008-04-28T17:23:09Z")

</div>

Here’s my situation: This is a WordPress template where I’m using nested divs in various places. The order of the divs goes like this:

```auto
 <div id="page"> 
     <div id="header"> Header content (various divs)
     <div id="flash_content"> (single div, currently has a placeholder)</div>
     </div>
<div id="content_wrapper"> Content (various divs)
</div>
</div>

```

The problem is that this renders fine in Firefox and IE6, but IE7 places the content\_wrapper div on top of the flash\_content div. I’m sure I’m missing something easy, but I don’t know what.

I’ve got this template live on a testing server at [moralcooling.com](http://moralcooling.com). Anyone have any suggestions? Thanks in advance for any help you can offer…