サイトロゴを背景画像で表示した上でリンクを張る

ヘッダ部で表示するサイトのロゴを画像で。それをクリックするとホームへ、っていうよくあるやつ。SEOのことを考慮して、背景画像を表示するけど、ソース内にはテキストがあって、CSSをdisableにするとそのテキストが表示されるっていう、よく使うやつ。（h1をリンクで囲ってその中にサイト名やキーワードも記述）

xhtml

<a href="#" id="homeLink">
    <h1><span>sitename/keyword</span></h1>
</a>

CSS

a#homeLink{
    background: url(siteLogo.gif);
    display: block;
    width: 200px;
    height: 40px;
}

a#homeLink h1{
    margin: 0;
}

a#homeLink span{
    margin: -1000px;
}