Ha jól ertem, azt szeretnéd, hogy az oldalkialakítás a következõképp nézzen ki:
* Legfelûl legyen egy banner,
* Alatta a menû+a tartalom
* A menû és a tartalom kétszer legyen keretezve.
* Az elsõ (belsõ) keret felûl alul és balról világos színnel.
* A második (külsõ) keret jobbról, balról, alul legyen sötét színnel.
Szerintem túlzottan elbonyolítottad a kódot. Helyette javaslom a következõ megoldást:
<div id="banner"></div>
<div id="outerborder">
<div id="innerborder">
<div id="menucol">
<!-- Ide jön a menû -->
</div>
<div id="contentcol">
<!-- Ide jön a tartalom -->
</div>
</div>
</div>
A CSS kódolshoz némi segítség:
* A banner (nálad top) adja meg a felsõ csíkot. A float:left szvsz. felesleges, hacsak nem tervezel mellé még valamilyen tartalmat.
* Az outerborder jelöli a külsõ keretet. Adj neki balról, alul, jobbról egy #006699 színû 6 pixel széles keretet a border-left/border-bottom/border-right tulajdonságokkal. A felsõ keret nem kell (border-top: none;).
* Az innerborder a belsõ keretet jelöli Adj meg neki alul, felûl, és balról egy #CCCCCC színû 6 pixel széles keretet a border-left/border-top/border-bottom segítségével.
* A külsõ keret 6 pixellel legyen szélesebb a belsõ keretnél.
* A menucol és a contentcol a menût és a tartalmat jelöli. Mindkettõben szerepelnie kell a float:left-nek.