私は、IE6-8 で画像ロゴが表示されないという小さな問題に非常に混乱しています。Firefox、Chrome、Opera、IE9 および IE10 では、正常に表示されます。以下にコードを同封しました。使用した CSS を W3C で検索しましたが、!DOCTYPE を指定している限り、動作するはずです。どんなアイデアでも大歓迎です！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="css/hmc_main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<img src="images/logo.jpg" width="850" height="166" class="logo" />
<div class="headerImageOverlay"> <span class="spanner"> <img src="images/ross.jpg" class="overlay" /> </span> </div>
CSS クラスは以下のとおりです。
.container { width: 960px; background-color: #FFF; margin: 0 auto; position: relative; }
img.logo { z-index: 1; display: block; }
img.overlay { position: absolute; right: 0px; top: 0px; z-index: 10; height: 166px; }