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-

Expand|Select|Wrap|Line Numbers

 
<div class="art-Header">

    <div class="art-Header-png">

<img src="MYSOURCE" width="auto" height="auto" alt="LOGO" /></div></div>

Here's my CSS-

Expand|Select|Wrap|Line Numbers

 
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.

Image not showing at all in IE8

re: Image not showing at all in IE8

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about