the site im working on eabove works almost as i want in IE. The main problem is in FF where the contents of the maincontainer overflows the footer however this does not occur in IE. Any ideas why this is?
Your problem is your setting heights for your maincontent & content divs. Change this to min-height and it will work fine. Also note that min-height doesn't work with IE so you'll have to specify a seperate height like you're doing right now but only for IE.