Много разглагольствовать не буду, предлагаю сразу обратить внимание на скрины:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Тест</title>
<style>
*{margin:0;padding:0;border:none;}
body{font:normal 12px Arial;color:#333;}
#wrapper{width:900px;padding:10px;margin:20px auto;background:#f3f5f7;border:1px solid #ccc;}
#side{float:right;width:290px;}
.block{padding:20px 0;background:#f7fafa;}
.block h4{font-size:14px;font-weight:bold;padding-bottom:15px;text-align:center;}
#content{margin-right:300px;}
.story{padding:0 10px 10px;margin-bottom:20px;background:#f0f0f0;border:1px solid #e0e0e0;}
.story h1{font-size:16px;padding:10px 0;font-weight:bold;}
.story img{width:200px;height:120px;float:left;}
.story p{margin-left:220px;}
.clr{clear:both;overflow:hidden;height:0;}
</style>
</head>
<body>
<div id="wrapper">
<div id="side">
<div class="block">
<h4>Навигация</h4>
<p>Какой-то текст блока</p>
</div>
<div class="block">
<h4>Голосование</h4>
<p>Какой-то текст блока</p>
</div>
<div class="block">
<h4>Архив</h4>
<p>Какой-то текст блока</p>
</div>
</div>
<div id="content">
<div class="story">
<h1>Заголовок новости</h1>
<img src="" alt="" />
<p>Тут какой-нибудь текст к новости</p>
<div class="clr"></div>
</div>
<div class="story">
<h1>Заголовок новости</h1>
<img src="" alt="" />
<p>Тут какой-нибудь текст к новости</p>
<div class="clr"></div>
</div>
</div>
</div>
</body>
</html>
