firefox footer problem...

Every thing seems fine in IE as i have 2 google ads top and bottom of the webpages from my host, instead of popups but in firefox the bottom google ad pushes up above the footer and blocking some content

http://www.parmagraphics.110mb.com/test.html is one of the pages

http://www.parmagraphics.110mb.com/layout.css is my css file.


ive used the clear: both attribute for the footer made sure all divs are closed and tried padding the footer with <p>&nbsp;</p> in an attempt to push the google ads down but im sure its a css problem...help please

Actually its mucked in Opera too:


Opera


Firefox

Yet this is how I need it to look surprisingly its internet explorer......


Internet Explorer

I think the problem could be my footer code preventing anything from going underneath it......

Code: Select all

#footer {
    text-align: right;
    padding: 20px 10px;
    margin-bottom: 5px;
    background-color: #000066;
}
#footer a {
color: #ffffff;
}
#footer a:hover {
color: #dddddd;
}

But I dont know what that is.....

try

Code: Select all

<div id="clear"></div>

just before the google ad,
with this style:

Code: Select all

#clear {clear: both;}

Thanks so much that worked! I also applied bottom margin value to the wrapper so maybe that forced it downwards