How to fit a background image to the screen?

I tried this css code:

background: url(bg.jpg) center center no-repeat fixed;
background-size: cover;

But still the background image's height is larger than the viewport. Why is this happening? Please don't just give me the codes, explain too.