2 footer alignment problems

[Irishcash33]

In FF on PC this page looks great. But in IE7 on PC, there is a huge gap from the bottom of the maincontent and the footer. I can't figure out why.
I need the footer to go with the flow of the copy, since the length of pages will change.

Second,
In FF on PC, this page and all the linked pages under Press toolkit section, have a gap from the right sidebar to the footer. Also the links in the footer are pushed to the far right. The gap differs bwt the pages. I have looked at this for 2 days, and can't fix it. This is the only section that's doing it, the other pages I have created are fine in FF.

Please HELPP!!!

[Nile]

This is the answer to your first question.
Change:

<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#header  h2 { top: 0px ; }
#mainContent { top: auto;
			   bottom: 466px;
               height:auto; }
 
#footer {
    top:0px;
    height: 28px;
    width: 995px; } 
#footer p { right: 330px; }
#nav { right: 124px; 
	   z-index: 100; }
</style>
<![endif]-->

To this:

<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#header  h2 { top: 0px ; }
#mainContent { top: auto;
			   bottom: 466px;
               height:auto; }
 
#footer {
    padding: 0px;
    margin: 0px;
    top:0px;
    height: 28px;
    width: 995px; } 
#footer p { right: 330px; }
#nav { right: 124px; 
	   z-index: 100; }
</style>
<![endif]-->

[Irishcash33]

Hey Nile,
Thanks for your response, but it still doesn't seem to be working!
Any other thoughts?

Thanks

[Nile]

Change:

#mainContent { top: auto;
			   bottom: 466px;
               height:auto; }

In the above code to:

#mainContent { top: auto;
			   bottom: 466px;
               height:auto;
margin-bottom: -500px; /*keep adding or subtracting digits from here until its good. */
}

[Irishcash33]

Brilliant!!!
Thank you so much!

Any thoughts on the gap before the footer in FF??

Thanks