Web Design Forum: Anth Winter - Viewing Profile - Web Design Forum

Ok, so im trying to get upto speed with HTML5.
I just recently re-designed my website and i tried to use all the appropriate HTML5 tags.
But it seems in IE8, it doesnt like what ive done.

take for example the <header> tag...
in css i would have the following

header {width:100%; float:left; margin:0 0 25px 0;}

header nav {width:350px; float:left; text-align:left; margin:29px 0 0 93px;}
header nav li {list-style-type:none; display:inline; margin:0 20px 0 0;}
header nav a {text-decoration:none; color:#000; font-size:145%; font-weight:normal;}
header nav a:hover {color:#036;}

the HTML code was as follows:

<header>
<div id="h_wrap">
<div id="logo">
<h1><a href="http://www.digitalwinter.co.uk/" title="Digital Winter"><img src="http://www.digitalwinter.co.uk/images/logo.png" alt="Digital Winter - Web Design and Development" /></a></h1>
</div> <!-- end logo -->
<nav>
<ul>
<li><a href="http://www.digitalwinter.co.uk/" title="Home"><span class="selected">Home</span></a></li>
<li><a href="portfolio.html" title="Portfolio">Portfolio</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
</ul>
</nav>
</div> <!-- end h_wrap -->
</header>

Now in Firefox it reads that quite easily, like you would expect.
But in IE8... it doesnt have any styling. And its the same with all other HTML5 tags i tried to use and style.
If you have IE8 and firefox then you can see the example of the unstyled page in ie8 here, but it works in firefox http://www.digitalwinter.co.uk/html5

The thing that gets me is ive looked at source code of other HTML5 sites and they style there HTML5 tags in CSS just like i have... and it works in ie8... im just baffled

Please let me know if im doing somthing wrong. Thanks in advanced