I can't figure out why this code will not work. I have broken it down to just the h1 and am trying to replace it with a logo.png. I can put the logo.png directly into the html with an img tag and it works - but when I try to replace the h1 text with the same logo.png it won't work. I tried a couple of other replacement methods and they don't work either. Confused??

<h1><a href="#">Portfolio</a></h1>

h1{
display: block;
float: left;
width: 219px;
height: 58px;
text-indent:-9999px;
}

h1 a{
display: block;
width: 219px;
height: 58px;
background:url(images/logo.png) no-repeat 0 0;
outline: none;
}