Header pushing head.tpl down behind body content
 

A while ago, we added a floating div to the bottom right corner of MattressInsider.com.

We did this by creating a new class and then assigning that class to the div so that the bottom left corner McAfee image will load there.

All's well until we try to add a header image to promote a discount.

Anything we add pushes the head.tpl content down the page.

Here's the code I'm adding...
<div id="header">
<!-- START MATTRESS DISCOUNT BANNER -->
<img src="http://www.mattressinsider.com/images/halloween-banner-2013.gif">
<!-- END DISCOUNT BANNER -->
<div class="header-content">

It pushes head.tpl behind the rest of the body.

I've tried it in it's own DIV, I've tried it in a table, I've put it above div id="header", put it below div class ="header-content" and all still pushes head.tpl behind the rest of the body.

Please let me know.

Thank you!



How/where do I go to fix this?

In case it's relevant, here's the code for the McAfee logo in the bottom right.



------------------------

<!-- START SCANALERT BOTTOM RIGHT CODE -->
<div class="overlay"><img src="http://www.mattressinsider.com/images/mattress-insider-bottom-right-cut-corner.png" class="overlay">
<a target="_blank" href="

Re: Header pushing head.tpl down behind body content
 

Never mind... figured it out!

:)