Page Shows Scroll bar no matter what

[bittiker1]

Here's my page: http://bad-sf.com/stemtest/about.html

Notice that scrolling is still an option even though the content is small enough to not require scrolling. Could it have to do with my css? (below):

body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
* {
margin:0;
padding:0;
outline: none;
}
html, body {
height:100%;
font-family: '_.regular';
font-size: 13px;
outline: none;
}
#wrap {
min-height:100%;
width:800px;
margin: 2% auto;
}
#main {
overflow:auto;
padding-bottom: 30px;
}
#smm {
width: 400px;
height: 200px;
float:left;
}

#footer {
position: relative;
margin-top: 0px;
height: 35px;
clear:both;
font-family: '_.regular';
}




THANKS! I'm still learning html and css so any input you have would be really appreciated - Danny

[backa]

in #wrap, change margin to margin: 0 auto;
the 2% seems to be the culprit.

[tempz]

Add

overflow:hidden;

to your body, html css