CSS: stretching background image to 100% width and height of screen?

Question

I have an image called myImage.jpg. This is my CSS:

body {
    background-image:url(\"../images/myImage.jpg\");
    background-repeat: no-repeat;
    backgro         


        

Answer 1

You need to set the height of html to 100%

body {
    background-image:url("../images/myImage.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
html {
    height: 100%
}

http://jsfiddle.net/8XUjP/