I'm trying to develop a single page website with on page scrolling using jQuery. It currently works, and looks, perfect in Chrome, Firefox, Safari but not in IE8. It will load fine and then, when scrolled, breaks and shifts. The site can be found here: jonathanstephens.us/ . I'm using an alternative IE CSS Stylesheet as well.

I've been at it for 12 hours, trying to figure this out but coming up with nothing. Any ideas as to why? Thanks!


<code>

article{display:inline-block; position:absolute;}

#sec1 {z-index:55;height:673px;margin-top:115px; }
#sec2{height:632px;padding:35px 0 0 0; display:inline-block;}
#sec3{margin-top:10px;height:614px;text-height:18px;padding:35px 0 0 0;}
#sec4 {margin-top:40px; height:550px;padding:35px 0 0 0;display:inline-block;}
#sec5{margin-top:70px;height:557px; }

</code>