css - Background image not appearing in IE8 -

i have background image i'm trying use logo. all's fine in chrome & ff, it's not showing in ie8. background images don't load. how can them show in ie8?

this code:

<header>     <h1 class="logo">         <a href="http://publix.newhaven.edu/hlee-test">henry c. lee institute of forensic science</a>     </h1>     </header> 

css:

header {     margin: 0 10px 38px 7px;      padding: 30px 0 0 0; } header h1{     width:232px; } header h1 {     background:url('images/logo.png') 0 0 no-repeat;      display:block;     height:89px;     text-decoration:none;      text-indent:-9999px;     width:243px; } 

add in head of page next:

<!--[if lt ie 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> 

in css need write default styles new html5 tags:

header, footer, section, nav, article {     display: block;     margin: 0;     padding: 0; } 

html5shiv.js - create new html5 tags in dom. old browsers ie8 don't know html5 tags.

https://code.google.com/p/html5shiv/