Header vanishes on IE7 and IE8 - why?

By taking the following url into consideration, can anyone tell me why does the header element seems to disappear when viewing this in IE7 and IE8 ?

http://help.nuvemk.com/testStructure/

Thanks in advance.

Because there’s no such element as <header>. :slight_smile: Well, not as far as IE is concerned. Other browsers will accept an unknown element and make it display: inline (which is why you had to set it to display: block) but IE won’t display an element is doesn’t recognize.

If if you must use code that doesn’t exist yet (that is, HTML5), you need to create those elements first with JavaScript. There are JS libraries for this, such as Modernizr.

Without the body tag explicitly declared. IE 8 and older, will add <header> inside head.
How did I forgot the body tag is yet to be discovered. :s

thanks ralph.m. (only now I’ve seen your reply), yes I had a .js library there, and the appropriate display:block; declaration.

All solved. :slight_smile:

Cheers,
mem

It doesn’t seem to vanish for me? It looks much the same as Firefox apart from the font sizes.

Edit:

Ah ok you must have just added that code to make it work :slight_smile:

Oops, missed that js link in there. Sorry for not seeing the real problem. :slight_smile: