Div appears above of scrollbar

Hello guys i'm building a website with wordpress, and i've got a little problem with internet explorer 7

you can see a screenshot of the error here http://d.pr/U3LX as you see the #footer div is above the scrollbar, i've tried something but i can't just figure it out.

This is the footer css http://pastebin.com/nuxhXXSe

If you prefer a live preview go here with ie7 http://d.pr/1UHi

Edit : i've noticed now that this error appears 开发者_开发知识库on every other browser (chrome, firefox etc...)

How do i fix this ? Any advice ?

Im thinking the same. Because in my browser, the header sits above the scroll bar as well. Do you have a Div wrapping around all of your content? If your using wordpress, im sure you have a header.php and a footer.php. Im assuming the div would open in header.php, and close at the very end of footer.php

you want your footer div inside of that div

you can change the position for #footer from fixed to absolute then you can set top:1100px; or whatever is better for your.

even though I don't agree on the markup overall but, it seems that you have set the footer width = 100% PLUS padding-left = 15px!! which will always takes the full browser width (because of width:100%) AND 15px more! (this is not visible just because you are using overflow: hidden, but it's there!) Try removing the left padding and apply it on inner element.

EDIT: after checking on IE, the above is not the cause of this but still indeed a bad practice..