css: problem med placering

Jag har skapat en css-mall som ser ut så här:

#top {
position: absolute;
width: 500px;
top: 18px;
left: 18px;
}
#main {
position: absolute;
width: 500px;
top: 203px;
left: 18px;
}
#meny {
position: absolute;
width: 170px;
top: 18px;
left: 523px;
}

top = logo = bästämd antal pixlar så därför vet jag vart main ska ligga från toppen.

Problemet är att under menyn ska det ligga en kolumn med ett logginformulär:

#loggin {
...
}

Men iochmed att menyn inte har någon bestämd höjd så vill jag få loggin-kolumnen att ligga tre pixlar under menyn.
Någon som kan lösa detta problem?

MVH // Max

#loggin {
margin-top:3px;
}

fungerar ej

får det ändå inte att fungera :(

#loggin {
position: absolute;
margin-top: 3px;
width: 170px;
left: 523px;
}

????

Prova:
#loggin {

margin-top: 3px;
width: 170px;
margin-left: 523px;
}