bueno ya encontre la solucion, asi q lo posteo aqui :D por si a alguien mas le sirve
por lo q entendi el responsable de este efecto es "text-indent", dejo un ejemplo para que sea mas entendible.
Código:
<div id="logo">
<a href="http://www.miweb.com">texto descriptivo de mi web</a>
</div>
y el css es:
Código:
#header #logo a
{
background:url(../img/logo-w20.png) no-repeat;
display:block;
width:182px;
height:61px;
background-repeat: no-repeat;
background-position:center;
text-indent:-999px;
}
saludos.