How to set background image position for all browsers in CSS? Specially for Safari browser.

CSS:

div{

                   width:600px;

                   height:400px;

                   border:5px solid black;

                   background-image: url(‘image.jpg’);                        /*Add your image path here*/

                   background-repeat: no-repeat;

                   background-position: right 75% center;                   /*For all browser except Safari*/

                   background-position-x: 25%;                                      /*For support all browsers with Safari browser*/

                  background-position-y: 50%;                                      /*For support all browsers with Safari browser*/

                  margin:0 auto;

}

DEMO