Bild als Überschrift - und das als Link

[suit]

Ich seh den Wald vor lauter Bäumen nicht. Wie schreib ich da den Quelltext bzw. das CSS richtig, so dass die Seite valide bleibt? Das <a> vor dem <h1> liefert beim Validator eine Fehlermeldung. Das <a> vor oder nach dem <span> bringt zwar eine valide Seite, aber ohne Link.

<h1><a href="http://example.com">foobar</a></h1>

h1 bleibt wie sie ist.
a wird darin absolut positioniert, der Ankertext wird mit negativem text-indent ins Nirvana geschossen.