.starbar {
  position: relative;
  height: 20px;
}
.starbar .outer {
  position: absolute;
  width: 200px;
  height: 20px;
  background: url(/images/stars.gif) no-repeat 0px 0px;
}
.starbar .inner { 
/*  position: absolute;*/
  width: 0;
  height: 20px;
  background: url(/images/stars.gif) no-repeat 0px -20px;
}
.starbar a {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 20px;
}
.starbar a:hover {
  background: url(/images/stars.gif) no-repeat 0px -60px;
}
.starbar a.s1  { width:  20px; }
.starbar a.s2  { width:  40px; }
.starbar a.s3  { width:  60px; }
.starbar a.s4  { width:  80px; }
.starbar a.s5  { width: 100px; }
.starbar a.s6  { width: 120px; }
.starbar a.s7  { width: 140px; }
.starbar a.s8  { width: 160px; }
.starbar a.s9  { width: 180px; }
.starbar a.s10 { width: 200px; }