CSS baggrund (top og bund)

Hej alle!

Problem: Har forsøgt at lave en css/div hjemmeside, med baggrund i både top og bund. Men jeg har ikke kunnet få baggrundende til at "fylde" helt ud til siden, selvom jeg bruger "width: 100%;"

(SE PROBLEMET)
http://brandmaking.ooz.dk/Dusimedia/

Toppen og bunden skulle gerne fungere ligesom på "Onlinefactory.dk", hvor bunden fylder helt ud til siden, så det er muligt at lave et landskab.

CSS brugt:

body: {
background: transparent;

}

#top {
	background-image:url('poster.jpg');
	background-repeat:x-repeat;
    height: 150px;
    width: 100%px;
    border: 0px solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    position: relative;
	top: -10px;
	
    
   

}

#middle {
    height: 550px;
    width: 100%px;
    border: 0px solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;

  

}

#bottom {
	background-image:url('poster.jpg');
	background-repeat:repeat;
    height: 150px;
    width: 100%;
    border: 0px solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;
	top: 10px;
  

}