2 footer alignment problems

[Irishcash33]

In FF on PC this page (http://www.clashgraphicdesign.com/uk-site/about_us/about_us.html)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 (http://www.clashgraphicdesign.com/uk-site/News_Events/media_resource.html) 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