.rating { width:80px; height:16px; padding:0; list-style:none; float:left; position:relative; background: url(star-matrix.gif) no-repeat 0 0; }
.nostar { background-position:0 0} 
.onestar { background-position:0 -16px }
.twostar { background-position:0 -32px }
.threestar { background-position:0 -48px }
.fourstar { background-position:0 -64px }
.fivestar { background-position:0 -80px }
ul.rating li {	cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/	float:left;	/* end hide*/ text-indent:-999em; }
ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index:200; }
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover { z-index:2; width:160px; height:16px; overflow:hidden; left:0; background:url(star-matrix.gif) no-repeat 0 0; }
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}