Eddi: Fixer Menübalken über der Seite

Beitrag lesen

Hallo,

ich würde gerne über meiner Seite einen schwarzen Balken mit Menüpunkten fixiert sehen, der sich in seiner Breite aber an body anpasst. Angelegt sind:

body {
   width: 70em;
   padding: 0;
   font-size: 16px; <!-- 1 em -->
   line-height:1.4;
   color: black;
   background-color: #FFFFFF;
   align: center;
}

<style>
.blackbox {
  <!--width: 70em; Menü in schwarz -->
  width: 100%;
  height: 2em;
  border: 0em solid;
  padding-top: 1px;
  padding-bottom: 1px;
  vertical-align: middle;
  horizontal-align: middle;
  background: black;
  font-family: Verdana;
  font-size: 1em;
  position: fixed;
}
<div class="blackbox">
<img src="MP5blau.jpg">&nbsp&nbsp
<a class="zwei" href="#ziel" target="_blank">
POLITIKBLOG&nbsp</a>
<a class="zwei" href="#auszug" target="_blank">
&nbspWAHLPROGRAMM&nbsp</a>
<a class="zwei" href="#person" target="_blank">
&nbspPERSON&nbsp</a>
<a class="zwei" href="#filme" target="_blank">
&nbspTHEMEN&nbsp</a>
<a class="zwei" href="#alternativen" target="_blank">
&nbspALTERNATIVEN&nbsp</a>
<a class="zwei" href="#anfragen" target="_blank">
&nbspMEHR</a>
</div>

Der schwarze Balken ist aber immer nur so breit wie die Texte darin, nicht wie body.

Warum? Was mache ich falsch?

Eddi