Leiste am oberen Rand fixieren

Hi,
ich hab mal wieder nen kleines Brett vorm Kopf und frag deshalb hier mal nach.
So sieht ein kleiner Screen meines Balkens aus:
http://img3.imagebanana.com/img/vwtvj38y/Unbenannt3.gif

Wie bekomme ich jetzt hin, dass dieser Balken oben am Browser andockt und auch immer genausolang ist wie der Browser?

Hier bis jetzt mein Code:

[CODE]

Testseite .nb { text-align: center; background-color: #EFEFDF; background-repeat: repeat-x; border-bottom: 1px solid #D8D8AF; height: 22px; color:#DEDEDE; width: 100%; text-align: left; }

.nb strong {
color:#000000;
}
.nl {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left:10px;
padding-top:2px;
}
.nl a, .nla:link, .nl a:visited, .nl a:active {
text-decoration:none;
color: #000000;
padding: 0 5px 0 5px;
}
.nl a:hover {
color: #D9581F;
}

[/CODE]

Es ist wahrscheinlich wieder nur ne Kleinigkeit die ich vergessen habe.

html, body {
  margin: 0;
  padding: 0;
}

Thx ich wusste doch ich hatte nur nen kleinen Denkfehler. Ich hab das ganz im Div versucht aber es hat nichts gebracht.

Leider habe ich schon wieder ein kleines Problem damit. Hier klappt die Einbindung so wie sie soll: Startseite - Schulcounter.de
Aber hier macht es den Header kaputt:
Schulcounter Anleitungen

Hat jemand eine Idee warum?