CSS layout

[l245c4l]

Hej,

Jestem poczatkujacy w css i od jakiegos czasu mecze sie z ulozeniem layoutu... Otoz cel jaki chce osiagnac to miec ulozona strone w ten sposob, ze mam wrappera, headera, footera i panel content.
I teraz wszystko jest skalowalne, nie uzywam pixeli tylko procenty. I teraz tak:

Kod:

p
{
    margin:0 0 0 0;
}

ul
{
    margin:0 0 0 0;
}

body
{
    font-family: "Segoe UI", "Trebuchet MS";
    color: green;
    background:black;
}

div#wrapper
{
    background:teal;
    width:60%;
    height:100%;
    margin:0 auto;
}

div#header
{
    margin:0 auto;
    background:yellow;
    height:200px;
}

div#menu
{
    background:red;
    width:100px;
}

div#footer
{
    background:white;
}

div#content
{
    margin:0 auto;
    background:navy;
    height:70%;
    width:50%;
}

Problem w tym ze chce, aby i wrapper byl wysrodkowany (uzywam margin 0 auto) i content(ta sama komenda), natomiast menu chce zeby przylegalo do wyposrodkowanego contentu. I probowalem juz tyle komend... bania mala i nic. Probowalem z display:inline ale jakies dziwne rzeczy sie dzieja. Prosze o pomoc!

P.S. kolory sa do bani wiem ale to tylko test