Placering af tekst.

Jeg har før prøvet at placere tekst med position, men det er ikke smart hvis man scalere sit browser vindue, så rykker teksten sig. 

Jeg læste så inde på html.dk at man kunne bruge margin. Det prøvede jeg så og det virker perfekt, da teksten bliver stående der hvor det skal når man minimere browser vinduet.  Men nu er jeg stødt ind i et problem. 

Jeg har et eksternt style hvor jeg har skrevet dette.

.toplinks         {
font-size: 12px;
font-family: verdana, arial, sans-serif;
font-weight: bold;
font-style: italic;
color: #A4A4A3;
background-color: transparent;
margin-top: 0px;
margin-left: 40px;   
                        }

.menu                    {
font-size: 12px;
font-family: verdana, arial, sans-serif;
font-weight: bold;
font-style: italic;
color: #A4A4A3;
background-color: transparent;
margin-top: 55px;
margin-left: 10px;
                        }
Problemet er bare at margin-top virker ikke, lige godt hvad jeg gør, så kan jeg ikke få .menu til at makke ret.

Spørgsmålet er så, hvordan man gør det, og er denne måde overhovedet måden at gøre det på ?