Image not showing at all in IE8

[polarweb]

I am sure this is something I missed, but I am trying to place two images into my header. One is the background image, one is the logo image.

I can get this to work in Mozilla, but it isn't working for IE8.

Here's my HTML-

<div class="art-Header">
    <div class="art-Header-png">
<img src="MYSOURCE" width="auto" height="auto" alt="LOGO" /></div></div>
 

Here's my CSS-

div.art-Header
 
{
 
    margin: 0 auto;
 
    position: relative;
 
    z-index: -1;
 
    width: 964px;
 
    height: 150px;
 
    background-image: url('../images/Header.png');
 
    background-repeat: no-repeat;
 
    background-position: center;
 
}
 
div.art-Header-png
 
{
    position: absolute;
 
    top: 15px;
 
    left: 300px;
 
    z-index: 0;
 
}
 

[ziycon]

Try putting a width and height into the div.art-Header-png DIV in the CSS.

[Rodrigo Mansano]

Try to use "display:bl ock" in the div´s CSS