Search code examples
jqueryinternet-explorerhtmlexpandable

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


For some 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.


Solution

  • 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 />