Linking with the CSS rollover image tutorial

I was able to successfully use the CSS rollover tutorial to create an image rollover. And in testing, it works for the static and hover states. But I cannot figure out how to make that image become a link to the page. So I am unable to see whether active or visited tags work. I was using the insert rollover image option before to create my links. And dragging the link target from the properties pane doesn't do the trick either. I'm working on this web site for a class, and am not at all an advanced user. Hopefully this is a simple fix. All help appreciated.

}
#thumb1 {
display: block;
height: 55px;
width: 55px;
float: left;
background-image: url(html/academic/images/Thumbnails/ignite_thumb.jpg);
margin-right: 15px;
margin-bottom: 15px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
#thumb1:hover {
background-position: 0 -55px;
}
#thumb1:active {
background-position: 0 -55px;
}
#thumb1:visited {
background-position: 0 -110px;
}

Just change the "#" in the link href to the URL you want to link to. eg change:

<a id="emailUs" href="#" title="Email Us"><span>Email Us</span></a>

to:

<a id="emailUs" href="http://www.example.com/email-us/" title="Email Us"><span>Email Us</span></a>


--
Matt Doyle
ELATED - Helping people make websites since 1997!
http://www.elated.com/