Problème style.css pour deux images...

Bonjour voila j'ai un probleme avec ma page style.css
Voila en fait avant j'avais un bandeau sur le coté pour les lien
et je souhaite en creer un deuxième en desosus de l'autre

--- = bandeau 1
ESPACE
--- = bandeau 2

Mais ma deuxième image est pas au bon endroit et pire, elle répété sur toute la page !
Je ne maitrise pas bien ce code.^^

Voico mon code :

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #F0F0F0;
}
a.lien_menu_horizontal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #0281FF;
text-decoration: none;
}
a.lien_menu_horizontal:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #0281FF;
text-decoration: underline;
}
a.lien_menu_vertical {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #A8D8F6;
text-decoration: none;
}
a.lien_menu_vertical:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #A8D8F6;
text-decoration: underline;
}
a.lien_menu_vertical2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #A8D8F6;
text-decoration: none;
}
a.lien_menu_vertical2:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #A8D8F6;
text-decoration: underline;
}
.texte_body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
.titre_body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #0281FF;
font-weight: bolder;
}

#page {
position:relative;
margin-left:auto;
margin-right:auto;
width:800px;
height:auto;
z-index:1;
background-image: url(/design/site1_03.gif);
}
#boite_menu { position:absolute; top:150px; left:0px; width:177px; height:250px; z-index:2; }
#lien_menu { position:absolute; top:200px; left:37px; width:auto; height:auto; z-index:3; }
#footer {
z-index: 2;
position: absolute;
left: 30px;
top: 412px;
width: 206px;
height: 55px;
}

#page {
position:relative;
margin-left:auto;
margin-right:auto;
width:800px;
height:auto;
z-index:1;
background-image: url(/design/sitestats.gif);
}
#boite_menu2 { position:absolute; top:150px; left:0px; width:177px; height:500px; z-index:2; }
#lien_menu2 { position:absolute; top:200px; left:37px; width:auto; height:auto; z-index:3; }
#footer {
z-index: 2;
position: absolute;
left: 30px;
top: 412px;
width: 206px;
height: 55px;
}

Voila e espérant que vous pourrez m'aider ! :)