Tutoriales en la Web

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
 
div#contenido{
margin: 50px auto 50px auto;
text-align: center;
}
 
div#contenido ul#menu {
margin: 5px 0px;
list-style: none;
display: inline-block;
}
 
div#contenido ul#menu li {
padding: 0px;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px;
width: 48px;
height: 48px;
}
 
div#contenido ul#menu li a {
position: absolute;
}
 
div#contenido ul#menu li img {
position: absolute;
width: 48px;
top: 0px;
left: 0px;
padding: 0px;
margin: 0 8px 0 0;
border: none;
overflow: hidden;
}

<link rel="stylesheet" href="css/bubbleup.css" />
 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.bubbleup.js"></script>
 
<script type="text/javascript">
$(function(){
 
    $("div#contenido ul#menu li img").bubbleup({tooltip: true, scale:96});
 
});
</script>

<div id="contenido">
  <ul id="menu">
    <li> <a href="http://www.tutorialesenlaweb.com/feed/"><img src="imagenes/feed.png" alt="RSS Feed"/></a> </li>
    <li> <a href="http://www.tutorialesenlaweb.com/contactenos/"> <img src="imagenes/email.png" alt="E-Mail"/></a> </li>
    <li> <a href="http://www.twitter.com/tutorialesweb"> <img src="imagenes/twitter.png" alt="Siguenos en Twitter"/></a> </li>
    <li> <a href="http://www.facebook.com/tutorialesenlaweb"> <img src="imagenes/facebook.png" alt="Únete en FaceBook"/></a> </li>
    <li> <a href="#"> <img src="imagenes/delicious.png" alt="Guardame"/></a> </li>
    <li> <a href="#"> <img src="imagenes/technorati.png" alt="Favoritos"/></a> </li>
  </ul>
</div>