Website CSS Formatting Issue in IE

Question

I'm working on a Wordpress site and am having trouble getting this page to format properly in IE:

http://piiholozipline.com/shop/

The main content container (#shopp) is pushed down about six inches on the page. This doesn't happen in other browsers, only IE. I've tried various display options (inline) and positioning (absolute, relative, etc.) to no avail.

Any thoughts?

Answer 1

I notice that when the page loads in IE8, all three images in the slideshow appear at once; then once the jQuery.cycle plugin initializes, the second and third images disappear, leaving the blank space.

This suggests that you can solve the problem by hiding all the images before the DOM loads them. Try adding display: none; to .slide in your CSS file.

Answer 2

try removing overflow:hidden from #content - it's in your ie.css file