Форумы портала PHP.SU :: Пару вопросов про блоки css(dle)

Помогите сделать нормальное отображение новостей dle

html код dle:

CODE (html):
скопировать код в буфер обмена

 
<div class="news-box">
 
        <div class="block-header"><center>Новый плагин</center></div>
        <img class="img-polaroid2" src="http://smain.ru/style/img/news/1370737911.jpg" width="80" height="80"/>
        <div class="news-text">Был удален ненужный плагин MyHome, его заменил другой. В связи с этим у всех исчезли точки /home. Воспользуйтесь той же командой /sethome для восстановления. Теперь VIP игрокам можно ставить 3 точки дома, а Premium 10 точек дома. <br>Подробности в полной новости.</div>
        <div style="clear:both;"></div>
<div class="news-footer">
 
                <table width="100%"><tr><td width="95px" align="left"><div style="margin-top: 2px; margin-right: 2px; float:left;"><i class="livicon" data-s="16" data-n="clock"></i></div> 09.06.2013</td><td align="left"><div style="margin-top: 2px; margin-right: 2px; float:left;"><i class="livicon" data-s="16" data-n="eye-open"></i></div> 198 </td><td align="right"> <a class="news-link" href="index.php?id=10">Подробнее</a> </td></tr></table> <!--<span class="divider">|</span>  -->
                <!--<span class="divider">|</span> <a class="news-link" href=""></a>-->
 
<!--
                        <div style="display: inline-block; margin-right: 6px;">
 
                                <a class="news-link" href="index.php?id=10">
                                
                                        <img style="vertical-align: middle; margin-bottom: 2px;" src="style/img/comment.png" alt="Комментарии" width="12" height="12"/>
                                        0 
                                        
                                </a>
                        </div>
-->
<div class="clr"></div>
        </div>
                        
                </div>
 
    </div>
        
</div>

CODE (html):
скопировать код в буфер обмена

/* style css
-------------------------------------------------- */
@import url("bootstrap.css");
@import url("bootstrap-responsive.css");
 
/*@import url("../skinPoser/style.css");*/
.block-header {
display: block;
padding: 5px;
text-align: center;
line-height: 20px;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
              Helvetica, Arial, "Arial Unicode MS", Sans-Serif;  
                          font-size: 20px;
                          
}
.footer-block-header {
        height: 2px;
    background: #f1f1f1;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.news-text {
  font-size: 14px;
  padding: 5px;
  line-height: 20px;
  white-space: pre-line;
  white-space: -moz-pre-line;
  white-space: -pre-line;
  white-space: -o-pre-line;
  word-wrap: break-word; 
  font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
              Helvetica, Arial, "Arial Unicode MS", Sans-Serif;  
                          font-size: 30px;
                        
        
}
.news-footer {
  padding: 6px;
  border: 0;
  border-top: 1px solid #e5e5e5;
 /* border-bottom: 1px solid #eee;*/
}
.faqtablezag{
  text-align:center;
  font-size:16px;
  /*border-bottom: 1px solid #d4d4d4;*/
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0; 
background: #1570A6;
color: #fff;
}
 
.faqtabletr{
  padding: 10px;
  font-size:14px;
  /*border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;*/
}
a.news-link {
padding: 2px 6px 3px 6px;
text-decoration: none;
color: #fff;
background: #7aafff;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; 
}
 
 
a.news-link:hover{
        background: #1570A6;
}
 
a.news-link:active{
}
.news-box {
  margin-bottom: 10px;
    background-color: #fff;
        border: 1px solid #ddd;
        min-height: 200px;
    /*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
                  border-radius: 2px;
                  position:relative;*/
                  padding: 0 10px 3px;
}
/*
.news-box:before, .news-box:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
    box-shadow:0 1px 5px rgba(0,0,0,0.2);
    top:10%;
    bottom:0px;
    left:20px;
    right:20px;
    -moz-border-radius:160px / 10px;
    border-radius:160px / 10px;
}
*/
.news-box .divider {
  padding: 0 5px;
  color: #5b5b5b;
}
.news-header {
  background-color: #fff;
  padding: 6px;
  font-size: 16px;
  color: #999;
  border-bottom: 1px dashed #e0edf1; 
}
.news-text {
 
  font-size: 14px;
  /*padding: 10px;*/
 
  white-space: pre-line;
  white-space: -moz-pre-line;
  white-space: -pre-line;
  white-space: -o-pre-line;
  word-wrap: break-word; 
        
}
 