I am working on a simple website for a non-profit project to get the word out.

The website works fine in IE but in firefox it leaves a white border at the top of the screen. How can I fix this?

The website is located at projectfallenheroes.org/support

Here is the CSS, nothing advanced as you can see:

body {
padding: 0;
margin: 0;
background-image: url(images/bg.gif);
background-repeat: repeat-x;

#footer {
position: absolute;
bottom: -10;
width: 100%;
height: 131px;
z-index: 1;
#middle {
position: relative;
background-image: url(images/middlebg.gif);
width: 789px;
height: 650px;
margin-right: auto;
margin-left: auto;

img {
padding: 0;

#outside {
padding: 0 0 0 0;
top: -10;