Why is the image not showing in IE7?

Question

I have an image on this page in the blue bar area. It shows up fine in FF, Safari, IE8 & Chrome, but it does not show up in IE7.

Here is the HTML:

<div id="featuredImage">
  <img src="images/website_design_charlotte.jpg" width="960" height="159" alt="" />
</div>

Here is the CSS:

#featuredImage   { position: absolute; z-index: 9; top: 129px; left: 0; }
#featuredImage img   { width: 986px; height: 159px; position: relative; z-index: 10; }

Would appreciate some help getting this to show up properly in IE7.

Thanks!

Answer 1

A few lines down in your HTML you have this:

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="styles/style-ie.css" />
<![endif]-->

... which means all the other browsers are using Water.css for the stylesheet, but IE is using style-ie.css. Since you say it is working for IE8, the problem may be in your code that determines the browser version.