Border funktioniert nicht im IE

Hi,

habe eben ein kleines Problem bzgl. meiner Website festgestellt. Und zwar sollen gehoverte und fokusierte Links mit einem dotted Border versehen werden. Das habe ich versucht mit folgendem CSS umzusetzen :

#text a:hover, #text a:focus { 
color : #008000; 
text-decoration : none;
border-width: 0px 0px 1px 0px;
border-style: none none dotted none;
}

"text" ist der div auf dessen Links die Angaben angewendet werden soll.

Das funktioniert soweit in Opera, Safari und Firefox, doch leider im IE nur teilweise. Bei jedem Link, der sich in der letzten Zeile eines Absatzes <p> befindet wird der Border nicht angezeigt. Diese Seite ist ein gutes Beispiel : Bei den Links zu Forum-Hilfe und eatofid tritt da Problem auf.

Weiß eventuell jemand, wie ich das Problem beheben kann? Habe leider keine Ahnung, woran das liegt. Zur Sicherheit habe ich sogar nochmal gegoogelt und zwei Tutorials zu Links mit Bordern gelesen, doch dort wird es auch nicht anders gemacht, als ich es gelöst habe. Wäre für jede Hilfe dankbar!

MfG Alienx

Zitat von Sensei

wieso sparst du dir nicht die ganzen angaben und machst einfach nur bottom-right: 1px dotted #fff;

das geht auch im IE soweit ich weiß

Da zeigt mir der IE gar nichts mehr an.

Außerdem wollte ich ja keinen Rahmen rechts, sondern unten.

MfG Alienx

Zitat von Sensei

ich hab auch mist gebaut beim tippen das sollte border-bottom: 1px dotted #fff; werden. die farbe musst du dann anpassen

Np. Aber das habe ich bereits probiert, bevor ich hier angefragt habe, trotzdem thx. Wobei es ja keinen Unterschied zu dem machen würde, was ich geschrieben habe.

MfG Alienx

Zitat von sejuma

Ich hab keine Ahnung, warum das so ist.
Aber wenn du hier den width-Wert rausnimmst, sollte es klappen:

Ist eigentlich eh' unnötig, da dieser durch den äußeren Div vorgegeben ist.

Hi, vielen Dank, das war´s. Hatte das width : 555px; allerdings absichtlich eingebaut, da der IE das margin-right irgendwie zu ignorieren scheint und so der ganze Text jetzt in letzterem am rechten Rand klebt, während alle anderen Browser einen schönen Abstand anzeigen. Naja, muss ich mir halt was anderes einfallen lassen. Aber vielen Dank für die Hilfe. Ist schon recht unlogisch, dass der IE nur aufgrund einer Breitenangabe nen Border weglässt. Hm.

MfG Alienx

Zitat von sejuma

Lass vielleicht mal margin und width weg und versuch's dafür mit padding.

Danke für den Tip, aber das habe ich bereits und da der weiße border rechts zu #text gehört verschiebt es dann diesen nach rechts bzw. links, was natürlich mehr als unschön ist.

MfG Alienx

Hi,

scheiß drauf, ich hab einfach noch nen Div mit etwas geringerer Breite um den Text rumgesetzt, stört ja keinen. Jetzt passt es auch im IE, die Zeilen sitzen richtig und auch die Links fliegen beim Hovern nicht mehr durch die Gegend.

Auf jeden Fall bedanke ich mich für die Hilfe und die Mühe @ sensei, sejuma und Elvis!

MfG Alienx