У меня проблема с дивами. А суть ее такова - при разрешении экрана 1200х1024 страничка выглядит нормально. Но при меньшем, а особенно при 1024х768 -ужас...Не видно логотипа, который в бекграунде! Все мои попытки выравнять логотип с помощью отдельной картинки не увенчались успехом, может я неправильно сверстал страничку?( Помогите, пожалуйста разобраться. Вот мой код...



 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Art </title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<style type="text/css">

body { background:url("/mc.jpg") no-repeat top center #000000; margin: 0; padding: 0; font:100% Tahoma, Arial, Helvetica, sans-serif; }

#headers{  background: url("/heads.png") width:614px; height:364px; position:absolute; margin:0;}

#container { margin:0 auto; width:760px; }

#header { margin:0 auto; position:relative; width:760px; height:620px; }

#content{ padding:40px 0 80px; width: 760px; height:400px; }

.logo1, .logo2, .logo3, .logo4, .logo5 { position: absolute; }
.logo1 a, .logo2 a, .logo3 a, .logo4 a, .logo5 a { text-indent:-99999px; overflow:hidden; display:block; }
.logo1 { left:175px; top:395px; background:url(/about.gif); }
.logo1 a {  width:128px; height:64px; }
.logo2 { top:400px; left:397px; background:url(/kompany.gif); }
.logo2 a { width:205px; height:56px; }
.logo3 { top:505px; left:30px; background:url(/done.gif); }
.logo3 a { width:195px; height:90px; }
.logo4 { top:500px; left:290px; background:url(/service.gif); }
.logo4 a { width:156px; height:104px; }
.logo5 { top:520px; left:520px; background:url(/kontakt.gif); }
.logo5 a { width:220px; height:70px; }

</style>
</head>


<body>
<div id="headers"></div>
<div id="container">
<div id="header">
<div class="logo1"><a href="about.html">О нас</a></div>
<div class="logo2"><a href="kompany.html">Компания</a></div>
<div class="logo3"><a href="done.html">Созданное</a></div>
<div class="logo4"><a href="service.html">Услуги</a></div>
<div class="logo5"><a href="kontakt.html">Контакт</a></div>
</div>
<div id="content">
<p id="pw"> Мой текст</p>
</div>
</div>
</body>
</html>


Пояснение

mc.jpg - мой беграунд
heads.png - логотип

закинь верстку архивом, чтоле)