Animated Div problem with IE6/7/8 and Safari

[Alexdi]

http://s88785257.onlinehome.us/

This site appears as it should in Firefox 3.6 and Chrome. Every other browser has problems, particularly Safari.

Safari:
- http://s88785257.onlinehome.us/schedule.shtml The two location links are completely outside of the Content div and way off the right. The page is effectively unusable.

If you add any text at all above the location links, they appear in the right place (though moved down a line to accommodate the text). On another page with higher content, the same location code (http://s88785257.onlinehome.us/home.shtml) is positioned properly.

IE6:
- Clips the top of the text header on the slide-down divs
- Moves the location links here (http://s88785257.onlinehome.us/schedule.shtml) to the bottom of the page (?)
- Space between top header graphic and the rest of the page

IE7:
- Clips the top of the text header on the slide-down divs

IE8:
- Doesn't clip, but font rendering problem while the animated div is sliding down

I'm most concerned about Safari and the IE clipping problems. Any idea where I've gone wrong?

EDIT: Google is indexing this higher than the site itself because I initially linked the actual website domain. If you respond, please don't use any identifying words from the site, I won't be able to change that. Thanks!