I am running into some issues with my full screen background image on my webpage. It looks great via desktop browsers (IE, Chrome, Safari...) but when the responsive theme CSS kicks in it does not resize to the correct resolution.
For desktop and responsive CSS:
background: url(background.jpg) no-repeat center center fixed;
background-size: cover !important;
I figured out the key to resizing the image:
background: url(background.jpg) no-repeat local center top; -webkit-background-size: 125% auto;
Play around with percent and use this ^ webkit
^ for further reading