semplice
le tue immagini che hai sui 2 lati non vanno messe in questo css
div.corpo { background-image: url("images/bg-body.png"); background-repeat: repeat-y; height: 100%; margin: -9px auto auto; width: 920px;}
ma nei due div laterali che hai fatto giustamente togliendo tutti qui tag e lasciare solo il tag x l'immagine , vedi che hai 2 div uno di sinistra e uno di destra l'immqgine va messa in tutti e 2.
div.colsin {
background: url("images/bg-body.png") repeat scroll 0 0 transparent;
}
fatto questo ti trovi il tutto leggermente spostato a sinistra
e codifichi il tutto
ti do l'esempio del menu poi x il centrale e il footer e uguale
menu
div.menu { background-image: url("images/bg-menu.png"); height: 55px; margin: 0 auto;<<<aggiungi
width: 900px;}in questo modo hai hai le tue bande laterali che si fermano esattamente dove dici.