Mögl. Browserbug?

[gunnar.kloke]

Hallihallo,

ich habe ein Problem mit der Umsetzung eines Designs. Möglicherweise handelt es sich um einen Bug im IE, auf jeden Fall ist die Darstellung im IE (alle Versionen) meiner Meinung nach nicht korrekt, im Firefox aber schon.

Es geht um mehrere Links untereinander, wobei der letzte Link im IE immer etwas mehr Abstand zum darüberliegenden Link hat. Dieses Phänomen tritt im Firefox nicht auf, dort ist alles wie gewünscht. Anbei zwei Screenshots:

Im Mozilla Firefox:
http://www.gunnarkloke.de/test/screen_ff.jpg

Im Internet Explorer:
http://www.gunnarkloke.de/test/screen_ie.jpg
(Hier ist "Blog" zu weit vom oberen Element entfernt).

Der Code dazu:

HTML:

<div id="subnav_unternehmen">
        <a href="#" class="sublink">- Neuigkeiten</a><br>
        <a href="#" class="sublink">- Partner</a><br>
        <a href="#" class="sublink">- Referenzen</a><br>
        <a href="#" class="sublink">- Rechenzentrum</a><br>
        <a href="#" class="sublink">- Datenschutz</a><br>
        <a href="#" class="sublink">- Blog</a>
</div>

CSS:

#subnav_unternehmen {
        width: 124px;
        height: 120px;
        position: relative;
        left: 124px;
        background: url(gfx/subnavigation_bg.gif) no-repeat;
        padding: 4px;
        text-align: left;
}
a.sublink {
        text-decoration: none;
        color: #454545;
        font-size: 0.7em;
        line-height: 1.25em;
}

Wäre schön, wenn mir jemand weiterhelfen könnte. Ein Workaround, ein Hinweis auf einen bereits bekannten Bug, oder wie ich es in beiden Browsern korrekt angezeigt bekomme.

Viele Grüße

Gunnar

 

[pit-r]

Moin!

Schmeiß die <br>s raus und verpaß den Links ein display:block...

Ahoi - Pit