ul.socials {}

ul.socials li {
  display:inline-block;
  float:left;
  list-style-type:none;
  margin:0 2px 0 0;
  height:29px;
  width:50px;
  cursor:pointer;
}

ul.socials a {
  display:block;
  width:50px;
  height:29px;
  font-size:0;
  color:transparent;
   
}

.furl, .furl:hover, .digg, .digg:hover, .reddit, .reddit:hover, .stumble, .stumble:hover, .delicious, .delicious:hover, .yahoo, .yahoo:hover, .blinklist, .blinklist:hover, .technorati, .technorati:hover, .facebook, .facebook:hover, .twitter, .twitter:hover, .myspace, .myspace:hover, .mixx, .mixx:hover, .script-style, .script-style:hover, .designfloat, .designfloat:hover, .rss, .rss:hover {
  background:url('sprite-trans.png') no-repeat;
}

.furl {
  background-position:-300px top;
}
.furl:hover {
  background-position:-300px bottom;
}
.digg {
  background-position:-500px top;
}
.digg:hover {
  background-position:-500px bottom;
}
.reddit {
  background-position:-100px top;
}
.reddit:hover {
  background-position:-100px bottom;
}
.stumble {
  background-position:-50px top;
}
.stumble:hover {
  background-position:-50px bottom;
}
.delicious {
  background-position:left top;
}
.delicious:hover {
  background-position:left bottom;
}
.yahoo {
  background-position:-650px top;
}
.yahoo:hover {
  background-position:-650px bottom;
}
.blinklist {
  background-position:-600px top;
}
.blinklist:hover {
  background-position:-600px bottom;
}
.technorati {
  background-position:-700px top;
}
.technorati:hover {
  background-position:-700px bottom;
}
.myspace {
  background-position:-200px top;
}
.myspace:hover {
  background-position:-200px bottom;
}
.twitter {
  background-position:-350px top;
}
.twitter:hover {
  background-position:-350px bottom;
}
.facebook {
  background-position:-450px top;
}
.facebook:hover {
  background-position:-450px bottom;
}
.mixx {
  background-position:-250px top;
}
.mixx:hover {
  background-position:-250px bottom;
}
.rss {
  background-position:-150px top;
}
.rss:hover {
  background-position:-150px bottom;
}
.script-style {
  background-position:-400px top;
}
.script-style:hover {
  background-position:-400px bottom;
}
.designfloat {
  background-position:-550px top;
}
.designfloat:hover {
  background-position:-550px bottom;
}

<div>
<h2>Закладки </h2>

<ul class="socials">
  <li class="script-style"><a href="http://scriptandstyle.com/submit?url=http://yoursitenamehere.com&title=The-Title-Of-Your-Post-Here" title="Submit this to Script & Style"> </a></li>
  <li class="blinklist"><a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=http://yoursitenamehere.com&Title=The-Title-Of-Your-Post-Here" title="Share this on Blinklist"> </a></li>
  <li class="delicious"><a href="http://del.icio.us/post?url=http://yoursitenamehere.com&title=The-Title-Of-Your-Post-Here" title="Share this on del.icio.us"> </a></li>
  <li class="digg"><a href="http://digg.com/submit?phase=2&url=http://yoursitenamehere.com&title=The-Title-Of-Your-Post-Here" title="Digg this!"> </a></li>
  <li class="furl"><a href="http://www.furl.net/storeIt.jsp?t=The-Title-Of-Your-Post-Here&u=http://yoursitenamehere.com" title="Share this on Furl"> </a></li>
  <li class="reddit"><a href="http://reddit.com/submit?url=http://yoursitenamehere.com&title=The-Title-Of-Your-Post-Here" title="Share this on Reddit"> </a></li>
  <li class="yahoo"><a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=The-Title-Of-Your-Post-Here&u=http://yoursitenamehere.com" title="Save this to Yahoo MyWeb"> </a></li>
  <li class="stumble"><a href="http://www.stumbleupon.com/submit?url=http://yoursitenamehere.com&title=The-Title-Of-Your-Post-Here" title="Stumble upon something good? Share it on StumbleUpon"> </a></li>
  <li class="twitter"><a href="http://twitter.com/home?status=Browsing:%20http://yoursitenamehere.com" title="Tweet This!"> </a></li>
  <li class="technorati"><a href="http://technorati.com/faves?add=http://yoursitenamehere.com" title="Share this on Technorati"> </a></li>
  <li class="mixx"><a href="http://www.mixx.com/submit?page_url=http://yoursitenamehere.com&title=The-Title-Of-Your-Post-Here" title="Share this on Mixx"> </a></li>
  <li class="myspace"><a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://yoursitenamehere.com&t=The-Title-Of-Your-Post-Here" title="Post this to MySpace"> </a></li>
  <li class="designfloat"><a href="http://www.designfloat.com/submit.php?url=http://yoursitenamehere.com&title=The-Title-Of-Your-Post-Here" title="Submit this to DesignFloat"> </a></li>
  <li class="facebook"><a href="http://www.facebook.com/share.php?u=http://yoursitenamehere.com&t=The-Title-Of-Your-Post-Here" title="Share this on Facebook"> </a></li>
</ul>

</div>