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="