Cita:
Iniciado por safe 
Si haces eso que pones obviamente no vas a ver nada por el hecho que estas diciendo que el elemento no se muestre (display = none).
Si solo queres usar un elemento html (que es lo que yo te recomiendo) lo mejor es usar text-indent:-9999px; asi el texto "desaparece" (adicionalmente deberias definir el tamaño con height y width).
<h1 class="logo">logo</h1>
.logo{background: url("..."); height:33px;text-indent:-9999px; width:33px;}
y no sería más fácil simplemente poner " " ?
Yo, como css, pondria
.logo {
background-image: url(...); /*SIN COMILLAS :)*/
background-repeat: no-repeat; }