CSS テクニック

スタイルシート スタイルブック を読みつつサイトの構築をしてるわけですが，うまくいかない部分があるんですよねー。04章の応用編にある，より速いマウスオーバー処理。

多分100%私の書き方かブラウザ(Camino，Safari)が悪いと思われるですが…。
HTMLのソースは
<ul><li><a href="#" title="">home</a></li>
<li><a href="#" title=""> </a></li>
</ul>
CSS のソースは
ul li a {
display: block;
width: 100px;
height: 32px;
border: dotted 1px rgb(200,200,200);
background-image: url("../img/backimg.png") top left no-repeat;
}
ul li a:hover {
background-position: 0 -50px;
}
ul li a:active {
background-position: 0 -66px;
}

そもそも CSS に書いている
background-image: url("../img/backimg.png") top left no-repeat;
が効いてないんじゃないかなー。
HTMLに
<img src="./img/backimg.png" />
としたら出てくるし。うーん。悩み中。