CSS, IE and DIV order

programming web dev
1

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:

 <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. Anyone have any suggestions? Thanks in advance for any help you can offer…