Fixed featured section

Hi,
I’d like to have the featured section remain fixed, while the content scrolls over it. Like this: http://kershaw.kaiusaltd.com/

I’ve almost gotten the css in place.

What I’ve done is as follow:

#slider-section {position: fixed; width: inherit; z-index: 1;}

#main-content {margin-top: 436px; z-index: 20}

I’m having two problems though.

1. The background of the main content, footer, etc remains under the slider-section. Images, text, etc do scroll on top of the slider as expected.

2. Because of the top margin that I set in order to push the main content down, it only looks right at full size. Is there some css to push the main content div down relative to the size of the slider section?

Thanks,
Chris