<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>