Image Replacement

[Jeewhizz]

Hi Guys,

Trying to do a h1 image replacement for the header of one of my sites:

<a href='/'><h1>Title</h1></a>


h1 {
    padding-top: 89px; /* height of the replacement image */
    height: 0px;
    overflow: hidden;
    background-image: url("images/logo.png");
    background-repeat: no-repeat;
    margin-bottom:0px;
}

Now, the problem is, That's not valid HTML! How do I link the image whilst doing an image replacement, and maintaining valid code?

Cheers,
Jee

[Mr Anderson]

Code:

<h1><a href=""><span></span> Text</a></h1>

Put a non-breaking space in if you don't want a validator to tell you off for having an empty span.