White space at right in both IE and FF

[aquatsr]

OK. I have the code below and in the webpage I'm getting the correct look I want but when you scroll to the right (which I have no idea why it's happening) there is a white space extending down the page.

body {margin: 0 auto;width: 100%;height: 100%;scrollbar-arrow-color: #003366; scrollbar-base-color: #ffffff;scrollbar-DarkShadow-Color: #003366; scrollbar-Face-Color: #ffffff;scrollbar-Highlight-Color: #003366;scrollbar-Shadow-Color: #fffffff;scrollbar-Track-Color: #003366;}#topbar {float: right;height: 100px;width: 100%;overflow: hidden;padding: 0em;text-align: center;background-color: #003366;}#content {float: right;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;height: 400px;width: 100%;overflow: auto;padding: 1em;margin: 0px 0px 0px 0px;border-right: 0px solid black;background: url(test.jpg) no-repeat center;opacity: .5;					  /*FireFox*/filter: alpha(opacity=50);  /*IE*/clear: right;}#bottombar {float: right;color: #ffffff;height: 100px;width: 100%;overflow: hidden;padding: 0em;text-align: center;background-color: #003366;clear: right;}

Please help, thanks.

[aquatsr]

Oh nevermind, there was a padding issue.