expandable div issue with IE 6, 7, AND 8! What's the issue in my CSS?

For so开发者_如何学JAVAme reason, the following EXPANDABLE DIV won't work with IE 6,7 or 8. All it shows is static "CLICK HERE TO FIND A T-ZONE LOCATION IN YOUR NEIGHBOURHOOD" text that shows it's clickable, but won't expand or show the CSS styling. I'm assuming it's a compatibility issue with IE?

The code can be found here: http://t-zonevibration.com/expandable_store_locator/

What's causing the conflict? Every other browser displays it correctly.

I suspect it's because you are using an <h9 /> element. I think they only go up to 6 and older IEs only recognise specific elements, ones it believes to be real. This is why there is an issue with the new HTML5 elements like <header />.

I'm pretty sure this will be the issue, try changing the element to a <div />