roundet corners in Firefox

Hallo Zusammen!

Ich habe ein seltsames Problem und brauche Eure kompetente Hilfe.
Unter http://www.restaurant-seehof.de habe ich eine Seite gestylt.
Auf jeder Einzelseite ist ein Bild zu sehen.
Da die Hauptbox abgerundete Ecken hat, habe ich auch bei diesen Bildern jeweils die recht-untere Ecke abgerundet.

Doch in Safari und Chrome sieht man die abgerundete Ecke, jedoch nicht im Firefox.
Warum?

Hier der Code:

-moz-border-radius: 0px 0px 30px 0;
-webkit-border-bottom-right-radius: 30px;

Hallo gericoach,

danke für deinen Tip, doch leider funktioniert es nicht.
Ist nur komisch das sonst alle Ecken auch im Firefox rund dargestellt werden, nur diese eben nicht...

Das könnst sein!

Danke maxe :-)

Doch wie soll ich das anstellen.
Das sind die einzigen Bilder die ich mittels dem User-Interface von WordPress reingestellt habe.
Wie kann ich die denn in Background-Bilder umwandeln?
Alle anderen sind manuell und der CSS-Datei verlinkt.

Ich habe es mal an einer anderen Seite ausprobiert.
Es liegt also wirklich an diesen "background-image".
Nur wie setzt ich jetzt einen Anker so das ich mittels meiner CSS-Datei für jede einzelne Seite auf das entsprechende Bild zugreifen kann?

Wäre um eine Hilfestellung seeeeeehr dankbar, weil das Problem nun wenigstens schon erkannt ist, doch lösen kann ich es leider nicht ohne Eure Hilfe :-(

Vielen Dank gericoach!
Das ist genau so ein Trick, auf den ich gewartet habe.
Kleine Ursache und grosse Wirkung :-)

Gruss andalusi