Problem mit z-index und positionierung

[dErFeLe]

Hallo an alle!

Habe ein kleines problem bei dem ich irgenwie nicht weiterkomme.

bin gerade dabei ein neues layout für meine homepage (aktuelles layout unter url) zu machen und stoße immerwieder auf die selben probleme.

das ganze soll so aufgebaut sein, dass der inhalt im fernseher angezeigt wird und der fernseher bei bedarf erweitert wird (das habe ich sowei hinbekommen, nur die positionierung macht mir probleme, da dann auch der untere rand verschoben wird) das menü soll auf der rechten seite des fernsehers angezeigt werden, bekomme das aber einfach nicht hin und zu guter letzt soll der text "bottom" eigentlich im rahmen des fernsehers sitzen.

so das war nun meine lange problemliste, hoffe es findet sich jemand der helfen kann.

anbei hier nochmal der css code:

body {
background-image:url(../images/acorn.gif);
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
}

#container {
margin-top:20px;
width: 813px;
margin-left: auto;
margin-right: auto;
}

#banner {
text-align:center;
background-image:url(../images/top.png);background-repeat:no-repeat;
height:101px;
}

#content {
float:left;
position:relative; top:0px; left:0px; z-index:1;
background-image:url(../images/main2.png);background-repeat:repeat-y;
width: 813px;
min-height:355px;
}

#content2 {
position:relative; top:0px; left:0px; z-index:2;
background-image:url(../images/main1.png);background-repeat:no-repeat;
width: 813px;
min-height:355px;
}

#content3 {
position:relative; top:0px; left:0px; z-index:3;
background-image:url(../images/main3.png);background-repeat:no-repeat;background-position:bottom left;
width: 813px;
min-height:355px;
}

#menu {
clear: both;
position:relative;top:0px; left:0px;z-index:4;
text-align:right;
}

#bottom {
position:relative;
text-align:center;
background-image: url(../images/bottom.png);background-repeat:no-repeat;
height:101px;
vertical-align:baseline;
}

#footer {
position:relative;
text-align:center;
background-image: url(../images/footer.png);background-repeat:no-repeat;
height:28px;
}

MfG dErFeLe

[dErFeLe]

Nochmal Hallo!

Das problem hat sich erledigt, hatte mehr oder weniger mit der positionierung der divs in der html datei zu tun.
das (vorläufig) fertige ergebnis ist unter der neuen andresse zu bewundern.