CSS und DIVs --> komischer Fehler im Firefox

[cilrag84]

Tach zusammen!

Hier die Website. Das zugehörige CSS gibts hier.

So. Wenn ich das Ganze anschaue habe ich das Problem, dass im Menü links teilweise eine Linie auftaucht, die da nicht sein sollte. Siehe Bilder:

Firefox
Mozilla
IE 7
Opera

Die Pfeile markieren die Stellen, die fehlerhaft sind. Ich meine diese blaue Linie, die sich da quer durchs Menü zieht...

Der Fehler tritt nur beim Firefox und beim Mozilla auf. Beim Firefox verschwindet er, sobald ich die abgerundeten Ecken entferne. Im Mozilla nicht...

Hat jemand einen Tipp, wie ich das hinkriege? Die runden Ecken würde ich schon gerne behalten... Könntet ihr auch bitte posten, welchen Browser ihr habt, und ob die Fehler bei euch auftreten? Danke.

 

[Solid-Snake14]

moz-border-radius kann der IE noch nicht lesen, genauso wie opera.
es wird von den meisten browsern auch noch nicht unterstützt, deswegen würde ich das nicht nehmen.
nehm doch für jeden menüpunkt einfach eine abgerundete grafik als background-image.

 

[ich98]

da ist einfach ein margin/padding-Fehler.

Der IE und Opera bekommen, dass nur hin, weil sie das mit den abgerundeten Ecken nicht können.
Also musst du dort den Fehler suchen. FF und Mozilla zeigen es vollkommen richtig an

Tipp: Lass die runden Ecken weg, sieht eh besser aus, wenn jeder Browser das gleiche Bild ausspuckt

Und schau mal hier: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.hirpf.de%2Fwebeng%2F&warning=1&profile=css21&usermedium=all

Alternativ kannst du, wie Solid-Snake schon sagte, Grafiken verwenden, dass können alle Browser anzeigen

 

[cilrag84]

da ist einfach ein margin/padding-Fehler.

Der IE und Opera bekommen, dass nur hin, weil sie das mit den abgerundeten Ecken nicht können.
Also musst du dort den Fehler suchen. FF und Mozilla zeigen es vollkommen richtig an

Tipp: Lass die runden Ecken weg, sieht eh besser aus, wenn jeder Browser das gleiche Bild ausspuckt

Und schau mal hier: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.hirpf.de%2Fwebeng%2F&warning=1&profile=css21&usermedium=all

Alternativ kannst du, wie Solid-Snake schon sagte, Grafiken verwenden, dass können alle Browser anzeigen

Danke für die Antworten! Ich hab es mittlerweile gelöst, indem ich in ".menu a" die line-height auf 30px gesetzt habe...

So long!

 

[yanid]

da ist einfach ein margin/padding-Fehler.

Der IE und Opera bekommen, dass nur hin, weil sie das mit den abgerundeten Ecken nicht können.
Also musst du dort den Fehler suchen. FF und Mozilla zeigen es vollkommen richtig an

Tipp: Lass die runden Ecken weg, sieht eh besser aus, wenn jeder Browser das gleiche Bild ausspuckt

Und schau mal hier: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.hirpf.de%2Fwebeng%2F&warning=1&profile=css21&usermedium=all

Alternativ kannst du, wie Solid-Snake schon sagte, Grafiken verwenden, dass können alle Browser anzeigen

Danke für die Antworten! Ich hab es mittlerweile gelöst, indem ich in ".menu a" die line-height auf 30px gesetzt habe...

So long!