Background image trouble

Hi there. I am new and would like some help with this one problem.

As shown in the picture below, I want my footer, to extent all the way to the edge of my browser window. However I do not know how to do it. If anybody knows of a way, please tell me. Thanks!

[URL=http://img132.imageshack.us/i/41780101.jpg/][IMG]http://img132.imageshack.us/img132/6162/41780101.jpg[/IMG][/URL]

Here is the code, just in case.

[CODE]#footer {
background-image:url(images/bg_footer.jpg);
background-repeat:repeat-x;
background-color:#000;
min-height:130px;
padding:40px;
position:relative;
top:400px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}

.footer_column {
float:left;
margin-right:30px;
width:120px;
}

#footer.long {
width:610px;
}

#footer h3 {
color:E2DDDC;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:21px;
text-transform:uppercase;
margin:10px 0 5px;
}

.footer_column ul li, .footer_column ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}[/CODE]

Thanks in advance.

Also in #CSS _↴