getting image to be full browser width without distortion

[suavedesign]

I am designing a parallax website.
My url is http://www.chailifeline.org/events/letourdesimcha/index2.php
For the first background image, I would like it to take up 100% of the browser at all times.
if i set it to have a
background-size:100% 100%;
i get the effect i want, but the image is distorted.
if i set it to have
background-size:100% auto;
the image is not distorted, but there is a space between the first and second backgrounds. Any workarounds? Thanks!

[Ritesh_4]

have you tried with a "background-size:cover" css?

[suavedesign]

hey! never heard of that, but it worked. thanks

[Ritesh_4]

glad could help you out :)