CSS Problem

[3_of_8]

Morgen.

Ich hab grad ein kleines CSS-technisches Problem.

Ich habe folgende div-Klassen definiert:

Code:

div.menuitem {
  display: block;
  width: 150px;
  height: 20px;
  margin-left: 6px;
  text-align: center;
  vertical-align: middle;
  background: url("images/menuitem_bg.png") no-repeat top left;
}

div.menucat {
  display: block;
  height: 24px;
  width: 162px;
  margin-top: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background: url("images/cat_bg.png") no-repeat top left;
}

Der HTML Code sieht dann so aus:

Code:

  <div class="menucat">Allgemein</div>
  [url="?contentid=2"]<div class="menuitem">FAQ</div>[/url]
  [url="?contentid=3"]<div class="menuitem">Entwicklungsstatus</div>[/url]

Das Problem ist, dass das ganze so aussieht wie im Anhang, und da ist das absolut gar nicht in der Mitte.