Matthias: Inhalt ragt über div hinaus

Beitrag lesen

Hallo zusammen,

ich möchte eine horizontale Navigation erstellen, die ganz oben am Seitenrand platziert ist. Dazu habe ich folgenden Code verwendet:

<div style="background:#000000"><a href="#" style="padding:5px;background:#ffffff">Hallo</a></div>

In echt sind's ein paar mehr Links. Soll jetzt nur zur Veranschaung dienen.

Jetzt ist es aber leider so, dass sich der div-Container nicht an die Höhe der Links anpasst. Er scheint die neue Höhe, die durch das padding entsteht, zu ignorieren. Hier ein Screenshot:
http://www.interound.de/bild.gif

doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Ziel ist also, dass das Eltern-div der Links die letztendliche Höhe der Links annimmt. Wenn ich den Link um folgendes ergänze: display:inline-block macht's der IE richtig, beim Firefox ändert sich nix:
http://www.interound.de/bild2.gif

Habe mich schon dumm und dämlich gesucht. Ich verstehe es nicht...

Vielleicht kann mir hier jemand helfen.

Matthias