Rollover images, CSS and main_page

Hi

I am having a slight problem.

I have created my rollover images in Illustrator but I seem to have a problem with the php to get it to see the css.

I have added the following to "stylesheet.css" in my template folder.

a.homebutt {
display: block;
width:120px;
height:40px;
text-indent:-5000px;
background: url (.../images/homebutton.jpg)
text-decoration:none;
}

a.hover.homebutton {
background-position: -120px 0;
}

In the tpl_main_page where I want to display the home button I have

<td><a href="index.php">class="homebutton" width="120" height="40" border="0" alt="" /></a></td>

The link is displayed but the image does not :(

Any ideas? :cry:

any link ?
what browser did you try this ? IE has some issue with text-indent , but there are work around for it .

a..homebutt { does not match the classname in your code. Did you just mistype it here?

a.hover.homebutton { is incorrect CSS syntax and will not do anything. It needs to be
a.homebutton:hover { if you want a rollover effect.