Доброго времени ;)
Сразу к делу. Есть следующий набор CSS:

#main_container {
position: relative;
margin-left: 251px;
}
#main_content {
width: 100%;
max-width: 100%;
padding: 0 0 0 25px;

И html структура выглядит таким образом:

    <div id="main_container">
      <div id="main_content">
        {content}
      </div>
    </div>

{content} содержит в себе DIV блоки с новостями вида:

.short_container {
background: #fbfbfb;
width: 350px;
height: 480px;
margin: 5px;
padding: 10px;
float: left;
border-radius: 3px;
box-shadow: 0 0 10px 0 #cccccc;
overflow: hidden;
text-overflow: ellipsis;
}

и Внимание наконец таки вопрос, непойму почему я не могу отцентровать вывод этих блоков по центру #main_content ?? Пробовал поместить {content} в отдельный DIV и его отцентровать, тоже не канает

.centered {
margin: 0 auto;
}

    <div id="main_container">
      <div id="main_content">
        <div class="centered">
          {content}
        </div>
      </div>
    </div>

что я упускаю?

_____________
[FAQ]Регистрации пользователей, сохранение в БД
---------------------------------------------------------------------------
Выходя из ванной, вышел из нее два раза