Full Screen Background Image Is Stretched

Question

I had made a full screen background image for one of my clients, but the problem is that when I make the image to fit all the screen using the following css codes:

Answer 1

This should keep the image the correct ratio:

#bg-image{
height: auto;
width: auto;
float: left;
overflow: hidden;
position: relative;
}