un div che se ne và per i fatti suoi

[mikk76]

ciao a tutti!
non riesco a risolvere questo problema..il div con id bodyimage sembra scollegato dal normale flusso e se ne va per i fatti suoi è contenuto dentro il container, ma questo non si allunga con l'allungarsi di bodyimage!
riporto il link della pagina per vedere se qualcuno riesce a darmi qualche consiglio.. :master:
http://webtest2.altervista.org/test/home2.html

questo è il css

html, body {
height: 100%;
margin:0px;
background-image:url(img/bg_dotted.gif);
text-align: center;
}
#container {
min-height: 100%;
height: auto !important;
height: 100%;
width:564px;
background-image:url(img/bg_main.gif);
background-repeat:repeat-y;
position: relative;
margin: auto;

}

#header {
width:528px;
height:205px;
position:absolute;
left:18px;
top:0px;
}
#subheader{
width:528px;
height:23px;
position:absolute;
background-image:url(img/subheader.gif);
left:18px;
top:205px;
}

#menu {
width:120px;
position:absolute;
left:18px;
top:228px;

}
#body {
width:409px;
position:absolute;
background-color:red;
left:137px;
top:228px;
bottom:0px;

}
#body p{
font-family: Verdana;
font-size:10px;
color:000;

text-align:left;
}
#bodyimage {
width:409px;
height:305px;
background-color:green;
position: relative;
bottom: 0;
left: 0;
}