#social {
     width:325px;
     height:80px;
     outline: 1px solid #cc0000;
     padding-top:15px;
}

#social li {
     display:block;
}

#social1 {
     width:77px;
     height: 48px;
     display:block;
     background:url('..//img/vk.png') no-repeat;
     outline: 1px solid #cc0000;
     position: relative;
     z-index: 1;
     float:left;
}

#social2 {
     width:81px;
     height: 43px;
     display: block;
     float:left;
     margin-top: 25px;
     margin-left:-50px;
     background:url('..//img/fb.png') no-repeat;
     outline: 1px solid #cc0000;
      
}

#social3 {
     width:75px;
     height: 46px;
     display:block;
     margin-top: 25px;
     margin-left: 20px;
     float:left;
     background:url('..//img/t.png') no-repeat;
     outline: 1px solid #cc0000;
      
      
}
#social4 {
     width:76px;
     height: 48px;
     display:block;
     margin-top: 0px;
     margin-left: -99px;
     float:left;
     background:url('..//img/steam.png') no-repeat;
     outline: 1px solid #cc0000;
      
      
}
#social5 {
     width:81px;
     height: 43px;
     display:block;
     margin-top: 25px;
     margin-left: 195px;
     background:url('..//img/google.png') no-repeat;
     outline: 1px solid #cc0000;
     position: relative;
      
}
#social6 {
     width:78px;
     height: 49px;
     display:block;
     margin-top: -70px;
     margin-left: 225px;
     background:url('..//img/yt.png') no-repeat;
     outline: 1px solid #cc0000;
     position: relative;
     z-index: 1;
      
}

<ul id="social">
<li><a href="http://vk.com/" id="social1"></a></li>
<li><a href="http://facebook.com/" id="social2"></a></li>
<li><a href="http://twitter.com/" id="social3"></a></li>
<li><a href="http://store.steampowered.com/" id="social4"></a></li>
<li><a href="https://plus.google.com" id="social5"></a></li>
<li><a href="http://youtube.com/" id="social6"></a></li>
</ul>