…<div id="main">
<div id="content">
<h2>Наши новости</h2>

<div class="new_post">
<img src="img/ff.jpg">
<a href="#"><h4>Примитивный структурализм</h4></a>
<p>Согласно предыдущему, мир, следовательно, подчеркивает трансцендентальный закон внешнего мира, ломая рамки привычных представлений. Класс эквивалентности, в рамках сегодняшних воззрений, раскладывает на элементы примитивный структурализм, несмотря на мнение авторитетов. Объект деятельности оспособляет мир.
<div id="news_note"><strong>Читать дальше</strong> | Опубликовано: 11.08.05 10:48 | 43201/<strong>53</strong></div>
</div>

<div class="new_post">
<img src="img/ff.jpg">
<a href="#"><h4>Сомнение амбивалентно</h4></a>
<p>Освобождение подчеркивает трагический принцип восприятия. Согласно предыдущему, конфликт, в рамках сегодняшних воззрений, амбивалентно рассматривается через естественный класс эквивалентности. Страсть, пренебрегая деталями, осмысляет смысл жизни. Реальная власть преобразует мир. Структурализм, следовательно, индуктивно заполняет данный закон внешнего мира.
<div id="news_note"><strong>Читать дальше</strong> | Опубликовано: 11.08.05 10:48 | 43201/<strong>53</strong></div>
</div>…

#main {
   position: relative;
   width: 100%;
   margin: 0px;
   padding: 0px;
   overflow: hidden;
}   
#content {
   width: *%;
   margin: 0px 200px 0px 200px;
   padding: 1%;
   border-left: 1px dashed;
   border-right: 1px dashed;
}
/* сами новости */
div.new_post {
   display: block;
   padding-top: 10px;
   margin: 0px;
   text-align: justify;
}
div.new_post H4 {
   display: inline;
   margin: 0px;
   padding: 0px;
}
div.new_post img {
   float:left;
   margin-right: 10px;
   margin-bottom: 10px;
}
div.new_post p {
   display: table;
   _height: 0;  (это для ослика)
}
#news_note {
   text-align: right;
   color: #8A96A8;
}