Überschriften mit CSS durch Bilder ersetzen

[Jeena Paradies]

Hallo,

Guck dir mal
http://www.mezzoblue.com/tests/revised-image-replacement/
http://mezzoblue.com/archives/2003/12/12/accessible_i/
http://www.digital-web.com/features/feature_2003-08.shtml

Ich mache das auf meiner Seite auch so für den Seitenbanner: http://jeenaparadies.de

HTML:
 <div id="top"><span></span>Jeenas Home</div>
oder auf allen anderen Seiten außer der Startseite besser:
 <div id="top"><a href="/"></a>Jeenas Home</div>

CSS:
/* ----- Seitenkopf ---------------------------------- */
#top {
 height: 208px;
 position: relative;
 overflow: hidden;
}
#top a, #top span {
 background: url(../img/loewe.jpg) no-repeat;
 background-position: 50% 0;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

Darüber haben wir aber auch schon mal diskuttiert siehe: </archiv/2004/3/76205/#m439051> ff

Grüße
Jeena Paradies