Firefox CSS troubles

[philbert25]

I have begun to change my Community College's website over to CSS pages. I need to redo the homepage to look the same, but use CSS. I tried this and it looks great in IE. However in Firefox there are several problems. If anyone has any suggestions on why it is rendering so poorly in Firefox, I would greatly appreciate it.
The current page is: http://www.jalc.edu/index.php
The redone page is: http://www.jalc.edu/index4.php
Thanks

[DeadMeatGF]

I can't see anything obvious, but without firefox available I don't know what's going wrong.
the only thing I noticed at first glance is that you declare margin twice in the body.
Don't know if that would cause issues ... ?

[philbert25]

Thanks, I hadn't noticed the margin issue with the body, but that shouldn't be the problem. Basically, firefox is shifting my links on the left and right, and taking the black background out from behind John A. Logan College.

[philbert25]

Well I figured out what was wrong with header1. It had the height set at 0 which didn't create a problem in IE, but Firefox didn't like it. I still don't know why my left and right navigation is shifted to the right and cut off though. Also Firefoxe isn't applying my top marging to my bottom div. Any ideas?

[Blelisa]

I see it is something to do with margins...I am fighting through the same thing right now. I don't have a fix as of yet but once I do I will share the info.

[CssWebsite]

Hello!

Add padding: 0; to #leftnavigation and #rightnavigation.

This should help.

[philbert25]

Thanks, that seems to do the trick. Now the only problem I have left is that Firefox isn't applying my top marging to my bottom div. Thanks again.