Fine in Firefox, IE9 and Chrome but not in IE8

[imdead]

Hey everyone, i'm helping create a website for a friend over at

http://www.kevin-cornish.com/jerrihart/history.html

 

if you check it out you can see that the page loads perfectly on every browser however, looks horrible in IE8.

 

Any suggestions?

[Pikachu2000]

Both the HTML and the CSS have validation problems.

[floridaflatlander]

Yeah put your url in here

 

For css: http://jigsaw.w3.org/css-validator

For html: http://validator.w3.org (although this seems fine)

Just for fun Website Optimization: http://www.websiteoptimization.com/services/analyze/

[imdead]

I've already tried this and matched up the website to the clean markup, yet this makes the website broken in all browsers?

 

Edit: i just rechecked using the correct markup and 'This document was successfully checked as HTML5!'

[imdead]

resolved by using

 

		<!--[if IE]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
document.createElement('hgroup');
</script>
<![endif]-->

[Samuz]

resolved by using

 

		<!--[if IE]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
document.createElement('hgroup');
</script>
<![endif]-->

or this

[Dragosvr92]

That looks pretty awesome Samuz !

Nice to see a full HTML5 website.

 

I would fix this silly error if i were you..

 

Line 20, Column 34: The align attribute on the h1 element is obsolete. Use CSS instead.

<h1 class="title2" align="center">Jerri Hart</h1>