Vertical Scroll Bars in Sticky Footer

Question

I am a newbie with css coding (which very much shows) - can anybody help me get the two scroll bars off my page site is here.

The css is in a file called http://www.signature-online.net/chamberofcommercemainstyle2.css and if anybody can help me from ripping my hair out again I would be most grateful!

The footer isn't sticking, and there are two vertical scrollbars, what have I done?

Answer 1

So what do you need to do is to #main set overflow: hidden and padding-bottom: 372px and you're set to go!

EDIT[1]: Sorry you don't need to set #wrapper margin-bottom: 186px, my bad.

Answer 2

Change the main class in you css like the following:

#main {
    overflow: hidden;
}

You had overflow: auto; and we don't want that, also remove padding-bottom: 186px; and change your footer class, just remove margin-top: -186px; add bottom: 0 and it should look like this:

#footer {
    bottom: 0;
    position: relative;
    height: 186px;
    clear: both;
    background-image: url(common/images/footer_mountains.png);
    background-repeat: repeat-x;
    background-position: center top;
    z-index: 600;
}

Hope it helps!