✔ IE vs Firefox, div abstand...

[Loomis]

Hi,
normalerweise tüftle ich ja selber solange rum bis alles so passt wie ich es haben will.

ABER

nun hab ich echt keine lust mehr. :suspekt:

Also folgendes: (Screenshots ganz unten)

Meine Navigation sieht im moment so aus:

CSS:

BODY  {
  background-color: #808080;
  margin: 20px; padding: 0px;
  }
  
.navigation {
  float: left;
  position: relative;
  }
.navigation_kategorie {
  background-image: url(../../gfx/navigation/kategorie_a.png);
  background-repeat: no-repeat;
  height: 20px; width: 145px;
  }
.navigation_link {
  background-image: url(../../gfx/navigation/link_normal_a.png);
  background-repeat: no-repeat;
  height: 16px; width: 145px;
  }

HTML:

<div class="navigation">
      <div class="navigation_kategorie">Kategorietitel</div>
        <div class="navigation_link">Hyperlink</div>
        <div class="navigation_link">Hyperlink</div>
        <div class="navigation_link">Hyperlink</div>
      <div class="navigation_kategorie">Kategorietitel</div>
        <div class="navigation_link">Hyperlink</div>
        <div class="navigation_link">Hyperlink</div>
        <div class="navigation_link">Hyperlink</div>
</div>

Das Ergebnis ist folgendes:
Screenshot Firefox (so soll es aussehen)
Screenshot Internet Explorer (so sieht es aus)

Ich denke mal das ist ne ziemlich einfache Lösung, aber ihr kennt das sicher manchmal sitztman vorm code und kommt einfach nicht auf die lösung auch wenn sie noch so easy ist

Also was stimmt nicht? wäre nett wenn mir einer eine kurze unhd knappe antwort geben würde

 

[hpvw]

Vielleicht genügt ein einfaches overflow:hidden;

 

[Loomis]

ganz genau, danke