Andreas Gräfe: Darstellungsprobleme bei CSS Border-Radius und Box-Shadow

Hallo,
ich habe in meiner Webseite eine UL. Der erste und letzte Eintrag runden die Ecken der Items ab, außerdem wird ein Schatten zur UL hinzugefügt. Bei der Darstellung sieht man, dass im Bereich zwischen der abgerundeten Ecke und dem Schatten der Liste ein weißer Bereich (Dreieck) abzeichnet. Hier sollte für eine korrekte Darstellung auch der Schatten angezeigt werden. Diese Darstellung habe ich in allen aktuellen Browsern beobachtet (IE9, Chrome 12, FF 5).

Ist das ein Problem oder so gewollt? Kann man das umgehen, ohne die Abrundungen zu entfernen?

Die Seite ist frei zugänglich. http://rezepte.csharp-paradise.de

  1. Grüße dich, Andreas,

    Ist das ein Problem oder so gewollt? Kann man das umgehen, ohne die Abrundungen zu entfernen?

    Du musst auch dem Elternelement (das ja den Schatten erzeugt) eine Rundung verpassen.

    Beachte auch die Hinweise zur Zeichenkodierung.