Jeg søger hjælp til at få tekst placeret rigtigt i toppen

Jeg er ved at lege lidt med CSS og <div>. Jeg kan dog ikke få den øverste menu til at være placeret øverst oppe på siden.

Kan i hjælpe?

Siden hedder: www.daddan.net/test.php

...og menuen jeg taler om, er den der hedder: "Forsíðan  Hjálp  Kontakt"

HTML:

<div id="centrering" align="center">
<div id="wrap">
    <div id="header" align="left">
        <div id="logo">
            <img src="mediafiles/images/logo.png" width="450" height="110" alt="Daddan Logo" />
        </div>
        <div id="topNav">
            <ul>
                <li><a href="#">Forsíða</a></li>
                <li><a href="#">Hjálp</a></li>
                <li><a href="#">Kontakt</a></li>
            </ul>
        </div>
    </div>
    <div id="sidebar">
        <div id="sidenavTop">
            <img src="mediafiles/images/infobox_back_top.png" width="180" height="15" alt="infobox_back_top" />
        </div>
        <div id="sidenav">Sidenavigation</div>
        <div id="sidenavBottom">
            <img src="mediafiles/images/infobox_back_bottom.png" width="180" height="20" alt="infobox_back_bottom" />
        </div>
    </div>
    <div id="main">
        <img src="mediafiles/images/mainpage2.png" width="790" height="450" alt="Mainpage" />
    </div>
    <div id="footer">
        <p>&copy; Spf Daddan&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Smyrilsvegur 7&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Telefon 312138&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;daddan@daddan.net</p>
    </div>
</div>
</div>

CSS:

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

#centrering {
    width: 100%;
}

#wrap {
    width: 985px;
}

#header {
    width: 985px;
    background-image: url(/mediafiles/images/header_back.png);
    height: 110px;
}

#logo {
    float: left;
}

#topNav {
    float: right;
    padding-right: 20px;
    font-size: 12px;
    color: #333;
}

#topNav li {
    list-style-type: none;
    padding-left: 10px;
    display: inline
}

#topNav li a:link {
    color: #333;
    text-decoration: none;
}

#topNav li a:hover {
    color: #333;
    text-decoration: underline;
}

#sidebar {
    float: left;
    min-width: 180px;
}

#sidenavTop {
    margin-left: 4px;
    height: 15px;
}

#sidenav {
    margin-left: 4px;
    background-image: url(mediafiles/images/infobox_back.png);
    background-repeat: repeat-y;
    height: 411px;
}

#sidenavBottom {
    margin-left: 4px;
    height: 20px;
}

#main {
    float: right;
    padding-right: 4px;
}

#footer {
    clear: both;
    font-size: 11px;
    color: #333;
}