Я решил перейти на вестку боксами, и когда верстал, наткнулся на некоторые проблемы. DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Код страниц сайта:
Code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link type="text/css" rel="StyleSheet" href="/css-styles.css" />
</head>
<body>
<div class="main">
<div class="header">
<div class="logo"><a href="/" style="margin:auto;"><img src="/site/logo.png" alt="Главная" /></a></div>
<div class="menu"><a href="/" class="sitemenu">Главная</a> <a href="javascript://" onclick="alert('В разработке')" class="sitemenu">Форумы</a> <a href="/load" class="sitemenu">Альбомы</a> <a href="javascript://" onclick="alert('В разработке')" class="sitemenu">Галерея</a> <a href="javascript://" onclick="alert('В разработке')" class="sitemenu">Интервью</a> <a href="javascript://" onclick="alert('В разработке')" class="sitemenu">Клипы</a> <a href="/index/biografija/0-4" class="sitemenuk">Биография</a></div>
</div>
<div class="container">
<div class="left">
$GLOBAL_CLEFTER$
</div>
<div class="content">
$CONTENT$
</div>
</div>
</div>
<div class="footer">
<div class="textfooter">
Theory-of-a-Deadman.Ru (c) 2011. Fan Site. All rights reserved.<!-- </copy> --><br />
Все содержание, включая идеи оформления и стиль, пренадлежат сайту.<br />В случае копирования материалов, гипперссылка на источник обязательна.<br>
$POWERED_BY$. Design by <a href="/">DecePTion</a> | <a href="/index/0-3">Обратная связь</a>.
</div>
</div>
</body>
</html>
CSS:
Code
.main {height:auto!important; height:100%; min-height:100%;}
.header {width:705px; border:none; padding:0px; margin:auto;}
.logo {background:url('/site/shapka.jpg') no-repeat; width:705px; height:160px; padding:0px 0px 0px 60px; margin:auto; position:relative;}
.menu {background:url('http://theorydeadman.ucoz.ru/site/shapka-bottom.jpg') no-repeat; width:705px; height:33px; text-align:center; margin:auto;}
.container {text-align:center; background:url('/site/site-middle.png') repeat-y; width:705px; border:none;}
.left {padding-top:15px; padding-left:2px; width:200px; float:left;}
.content {margin:0px 0px 0px 200px; padding-left:15px; padding-right:17px; padding-bottom:15px; vertical-align:top; margin:auto;}
.footer {background:#e7e7e7; width:701px; border-left:2px solid #070706; border-right:2px solid #070706; margin:auto;}
.textfooter {padding:10px;}
А выглядит это вот так 
Сижу, роюсь и не могу понять в чем проблема!
Помогите пожалуйста.
Результат: должен быть контент посредине, как продолжение шапки на фоне, который прописан в CSS.
