Blank space to bottom and right of my DIV

[twebman84]

The URL is http://imabuy.com

 

I'm using a centered DIV to contain the content, and all of it is nicely within that DIV. But there's a scroll bar at the bottom of the browser and the site also scrolls vertically, because of unwanted space to the bottom and right of my content. I've looked at this for a long time, but can't figure out what I'm missing.

 

Any help appreciated.

 

Container is the DIV that holds it all:

 

#Container {
    width: 900px;
    margin: auto;
    align: center;
}

 

Wrapper is inside that:

 

#Wrapper {
    clear: both;
    width: 980px;
    padding: 20px 0 0 0;
    margin: 0;
}

 

Here's the DIV where I have the background image of the drive-in movie:

 

#home-drive-in {
    
}

 

The logo and the text links are all separate items setting on top of the background, for example:

 

    
#imabuy-logo {
    position: relative;
    left: 10px;
    top:  -560px;
    z-index: 101;
}

[denno020]

your wrapper is wider than your container? What's up with that?