Disappearing content in IE6

[jlamb@ripnet.co]

I'm working on a website for my local mall, and on the Stores page the footer menu seems to randomly disappear. This happens only in IE6, and the menu always reappears when you change the font size/zoom. WHether or not the footer is present before a font size change seems to differ between every reloading of the page.

It seems to happen regardless of whether you scroll the page or not. I have added <p>&nbsp;</p> elements between the .event-page div in case the footer is touching another element with a float that causes it to disappear, which seem to fix it but then it breaks again randomly after reload. Tried using .event-page * {zoom: 100%; overflow: hidden;} just to see if hasLayout or the proximity of floats may be affecting things, but this did not fix the issue.

URL: http://www.1000islandsmall.com/revamp/stores.php

Any help would be appreciated

[SB65]

Looks like hasLayout on #cmp-footer - try adding height:1% to the css for this element. Works with the dev toolbar.

EDIT: Hmm, maybe not, that element already hasLayout.

EDIT AGAIN: Your conditional comments don't look right. Try changing:

                	<!--[if eq IE 6]><link rel="stylesheet" media="all" type="text/css" href="styles/ie6.css" /><![endif]-->
                	<!--[if eq IE 7]><link rel="stylesheet" media="all" type="text/css" href="styles/ie7.css" /><![endif]-->

to

                	<!--[if IE 6]><link rel="stylesheet" media="all" type="text/css" href="styles/ie6.css" /><![endif]-->
                	<!--[if IE 7]><link rel="stylesheet" media="all" type="text/css" href="styles/ie7.css" /><![endif]-->