I am fairly new to jQuery and am loving it.  I recently wrote this slider function which automatically detects margin-top CSS values, then offsets the desired div, then simultaneously slides and fades the div in using jQuery's animate() function.  It seems to work well with only one div.  However if I set it up to slide multiple divs, I am having an issue I cannot figure out.

First, here's the example...  http://www.aurorafxstudios.com/_new/index3.htm

You will have to few the example in Safari or Firefox as I have disabled the javascript in IE using conditional comments.  You can view source to see my HTML, CSS, and Javascript.

My issue is this.  The #header div slides in great.  After a set delay, the #about div slides in.  I want each div to slide in separately, one after another.  However, when the #about div slides in, it seems to affect the #header element.  When the #about div is in motion, I do not want the #header element to move.  Can anyone shed light on my issue?

Thank you in advance!

Jesse