CSS Footer bar displaying fine in FF but not IE

[frogkettle]

I know this problem has been raised by may others in one guise or another but I am just not seeing what changes I need to be making to ensure that the footer of the page found at this Test Site displays in IE7 in roughly the same location as in Firefox 2.0.0.4 or even Opera 9.2.1

I have in the past used a Strict Doctype rather than a Transitional Doctype to overcome the layout issues between the three however for this project I need to make use of an iframe in a couple of pages which I understand that Strict would object to

The only other solution I can see at the moment is to use a snatch of Javascript to detect if IE is in use and if so employ an additional set of IE specific CSS entries to handle the footer positioning. This I would prefer to not do as I am trying to keep the site as Javascript free as possible

Any pointers, suggestions or other help would be welcomed - cheers

[pagetta]

I have only had a quick look but i do know that in IE you often have to specify every single margin and padding width or it sometimes displays a bit odd. may be worth checking all of this?

[sands]

One way to sort out the problem is by adding the height attribute to the rightLeft and rightRight IDs in the stylesheet. Say around 200px for both.

[frogkettle]

Thanks guys for giving me something to mull over. After about an hour after reading Sands thought it suddenly hit me that the Navigation at the bottom of the left hand column will not be changing thus applying a height attribute to that (#left_pan ul ID in the CSS file) will force the bottom down to a desired point. In addition that will also resolve any problems encountered for the pages that will not make use of the rightLeft & rightRight columns in the main part of the screen

Thanks again for putting my mind back onto the right track

[idansh]

I also experienced css consistency between those two browsers, why does firefox has to be existed, is there any standard at all, I am so fuastraited !!!