background-image have incorrect position in firefox but in chrome is rightly

Question

i have a problem with my background-image shadow in my content container. In Chrome is the background position rightly but in firefox wrong.

Here my Testsite: http://www.behringer-mauch.de/Tischler_Hehmann/index.php

I hope someone have idea.

Answer 1

Separate background positions for x & y aren't approved in the CSS spec so

background-position-x: 80%;
background-position-y: bottom;

may work in Chrome but not in other browsers.

http://www.w3.org/TR/css3-background/#background-position

Answer 2

use prefixes -moz- for mozilla firefox.

Example -webkit-linear-gradient for Webkit based browsers (Chrome)

-moz-linear-gradient for Mozilla Firefox