.rating_writer
{
width:80px;
margin:0;
height:16px;
padding:0;
list-style:none;
clear:both;
position:relative;
background: url(../image/star-matrix1.gif) no-repeat 0 0;
}

ul.rating_writer li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
float:left;
/* end hide*/

text-indent:-999em;/* hide text*/

}

    

ul.rating_writer li a {

position:absolute;

left:0;

top:0;

width:16px;

height:16px;

text-decoration:none;

z-index: 200;

}

ul.rating_writer li.one a {left:0}

ul.rating_writer li.two a {left:16px;}

ul.rating_writer li.three a {left:32px;}

ul.rating_writer li.four a {left:48px;}

ul.rating_writer li.five a {left:64px;}

      .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_writer li a:hover
   {
   z-index:2;
    width:80px;
    height:16px;
    overflow:hidden;
    left:0;
    background: url(../image/star-matrix1.gif) no-repeat 0 0
   }
      ul.rating_writer li.one a:hover {background-position:0 -96px;}
      ul.rating_writer li.two a:hover {background-position:0 -112px;}
      ul.rating_writer li.three a:hover {background-position:0 -128px}
      ul.rating_writer li.four a:hover {background-position:0 -144px}
      ul.rating_writer li.five a:hover {background-position:0 -160px}