<div class="top_links"><div class="social">  
   <ul>  
   <li>  
   <p>Мы в Соц. Сетях: </p></li>   
   <li><a href="http://vk.com/vcsomske"><img src="http://csomsk.ru/csomsk/social/top-si1.png" alt="" /></a></li>  
   <li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si2.png" alt="" /></a></li>  
   <li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si3.png" alt="" /></a></li>  
   <li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si4.png" alt="" /></a></li>  
   <li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si5.png" alt="" /></a></li>  
   <li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si6.png" alt="" /></a></li>  
   <li><a href="#"><img src="http://csomsk.ru/csomsk/social/top-si7.png" alt="" /></a></li>  
   </ul>  
   </div> </div>  
<style>/* top section */  
.top_links {  
   width: 100%;  
   min-height: 40px;  
   background-color: #565656;  
   font-size: 12px;  
   color: #fff;  
line-height:0px;}  
.top_links .social {  
   padding: 0px;  
   margin: 7px 0px 0px 0px;  
   float: left;  
padding-left: 15px;}  
.top_links .social ul {  
   padding: 0px;  
   margin: 0px;  
   float: left;  
}  
.top_links .social li {  
   padding: 0px;  
   margin: 0px;  
   float: left;  
}  
.top_links .social li a {  
   padding: 0px;  
   margin: 3px 0px 0px 4px;  
   width: 18px;  
   height: 18px;  
   float: left;  
   text-align: center;  
   line-height: 18px;  
   vertical-align: middle;  
   background: url(http://csomsk.ru/csomsk/social/top-si-bg.png) no-repeat center top;  
}  
.top_links .social li a:hover {  
   background: url(http://csomsk.ru/csomsk/social/top-si-bg-hover.png) no-repeat center top;  
}  
/* end top section */</style>