<html>
<head>
<title></title>
<style type="text/css">
<!--
.blockZ0 {
position: relative;
z-index: 0;
top: 0;
width: 100%;
height: 50px;
background: yellow;
text-align: center;
overflow:hidden;
}
.blockZ1 {
position: relative;
z-index: 1;
top: 0;
width: 100%;
height: 400px;
background: yellow;
text-align: center;
overflow:hidden;
}
.blockZ2 {
position: absolute;
z-index: 2;
top: 130px;
left: 100px;
width: 200px;
height: 50px;
background: red;
text-align: center;
}
.blockZ3 {
position: absolute;
z-index: 3;
top: 260px;
left: 820px;
width: 200px;
height: 50px;
background: blue;
text-align: center;
}
.blockZ4 {
position: relative;
z-index:4;
top: 10px;
width: 100%;
height: 550px;
background: yellow;
text-align: center;
}
-->
</style>
</head>
<body>
<div class="blockZ0">z-index 0</div>
<div class="blockZ1"><p><img src="images/homepage_camaro_conv.jpg" width="1900" height="400"></p></div>
<div class="blockZ2">z-index 2</div>
<div class="blockZ3">z-index 3</div>
<div class="blockZ4">z-index 4</div>
</body>
</html>
А вот как можете видеть если вставите свое изображение, оно не центрируется ка ки все остальное, и даже если вставить доп. див то ничего не меняется.