hola ..ele problema es el siguiente la caja  con la omajen me toma mucho acia el lado derecho como lo muestra en la imajen por lo cual la caja de afcebook pasa asia abajo y duplica solo el logo 
  
 estos son los codigos    
Código:
 #botonesfooter 
{
width: 193px;
height: 62px;
z-indez:550;
top: -62px; left: 500px;  
position:relative;
}
face {display:block; width:193px; height:62px; text-indent:-9999px;  } 
.face a {display:block; width:193px; height:62px; background:transparent url(http://img28.imageshack.us/img28/1887/faceql.png ) no-repeat top left; outline:none; } 
.face a:hover { background-position:0 -62px; }
#botonesfooter2 
{
width: 193px;
height: 62px;
z-indez:551;
top: 0px; left: 700px;  
position:relative; 
}
twr {display:block; width:193px; height:62px; text-indent:-9999px;  } 
.twr a {display:block; width:193px; height:62px; background:transparent url(http://img43.imageshack.us/img43/1760/55020095.png) 
no-repeat top left; outline:none; } 
.twr a:hover { background-position:0 -62px; }
#botonesfooter3 
{
width: 193px;
height: 62px;
z-index: 552; 
top: 0px; left: 0px;  
}
you {display:block; width:193px; height:62px; text-indent:-9999px;  } 
.you a {display:block; width:193px; height:62px; background:transparent url(http://img844.imageshack.us/img844/71/youg.png) no-repeat top left; outline:none; } 
.you a:hover { background-position:0 -62px; }
      
Código:
 
<div id="botonesfooter2"><p class="twr"><a href="http://www.Twitter.Com/LeonMan88" target="_blank"</a></p>
</div>
<div id="botonesfooter"><p class="face"><a href="http://www.facebook.com/pages/LeonMan/114789888974" target="_blank"</a></p>
</div>