Vertically aligning divs on homepage

I'm finding it impossible to vertically align the main area of my homepage, which is a javascript slideshow. This should sit vertically centred between the header and the footer (which is glued to the bottom of the browser window). I've tried several solutions that SHOULD work, but none do. I suspect this is probably due to the sticky footer but am not sure.
URL of my hompage at present is http:https://www.dillydaydream.com/store

Any help very much appreciated!

cheers

Karl

Something like margin-top:7em; in #homeContent should work.

Also, your position:absolute in #navSuppWrapper is causing a serious problem in IE7.

Thanks Stevesh - I'll have to check it out in IE7 as I've been relying on feedback from someone else due to designing this on a Mac. Will drop a 7em top margin in and see if this fixes it - Thanks Again!

Tried the 7em top margin - it does help but what I'm really trying to do is get it to auto centre as the browser window grows - somebody with a bigger res monitor is going to have the footer way down and the middle area up near the header with a huge gap in between. I've tried messing about with absolute positioning, negative margins etc but no go :-(