Problema con mi Header de texto en Safary

[kseso?]

alguna otra suggestion ?

Sugestiones ninguna, sólo una sugerencia

en tu html:

Código html:

<div class="main">
     <div id="header">
          <a href="http://tweakingknobs.com">
               <span>TweakingKnobs</span>
               <img src="http://www.tweakingknobs.com/wp-content/themes/fancy/img/tweakingknobs.jpg"/>
          </a>
     </div>
<!..el resto de tu c&#243;digo -->
 

y en el css, para ocultar el span y dejar sólo la imagen:

Código css:

.main #header a span {
position:absolute;
top:-5000px;
left:-5000px;
}
 

o bien, otra forma que me gusta más, la posicionas debajo (en la vertical) de la imagen con el z-index, de tal manera que en caso de no cargar la imagen se vea el texto.

Un saludo.

P.D.:
Deberías optimizar algo el código. Tienes un montón de llamadas en el header a los estylos.