Menu bokse på række

Jeg skal prøve at gøre mit problem præcist:

Jeg har 6 firkantede menu bokse.
Jeg vil have 3 for oven på vandret række,
og 3 under, vandret række.

Afstanden til højre og venstre side på skærmen fra mine yderste bokse skal være ens.

Hvordan gør jeg dette?

Min html ser således ud:

    <div id="nyheder">
        <img src="nyheder.png" />
       
        <div id="login">
        <img src="login.png" />
       
        <div id="forum_chat">
        <img src="forum_chat.png" />
       
        <div id="dinmening">
        <img src="dinmening.png" />
       
        <div id="tipenven">
        <img src="tipenven.png" />
       
        <div id="members">
        <img src="member.png" />

Og min CSS således:

#nyheder {

    position:absolute;
    top: 200px;
    left: 150px;
}

#login {

    position:absolute;
    top: 200px;
    left: 900px;
}

Alligevel har min nyhedsboks og login boks ikke samme afstand til toppen, selvom boksene er præcis lige høje.

Hvad gør jeg??