Вот доработал код. Увеличил количество звезд до 5 картинка: http://foto.myural.ru/fotki/stars3.gif Но в ИЕ почему-то нормально не отображеается! В чем ошибка? <style type="text/css"> * { margin: 0; padding: 0; } #rating { position: relative; width: 125px; background: url(stars3.gif) 0 -25px no-repeat; margin-left: 20%; /* test */ } #rating, #rating a, #rating div.current { height: 25px; } #rating a, #rating div.current { position: absolute; top: 0; left: 0; } #rating div.current { z-index: 1; width: 125px; /* current rating */ background: url(stars3.gif) 0 -50px no-repeat; } #rating a { display: block; text-decoration: none; width: 25px; font-size: 25px; } #rating a.level1 { z-index: 6; } #rating a.level2 { z-index: 5; padding-left: 25px; } #rating a.level3 { z-index: 4; padding-left: 50px; } #rating a.level4 { z-index: 3; padding-left: 75px; } #rating a.level5 { z-index: 2; padding-left: 100px; } #rating a.level1:hover, #rating a.level2:hover, #rating a.level3:hover, #rating a.level4:hover, #rating a.level5:hover { background: url(stars3.gif) 0 0 no-repeat; } #rating a span { display: none; } #rating a:hover span { display: block; position: absolute; left: 135px; width: 150px; padding: 2px 0; border: 1px solid #000; background: #ffffe1; text-align: center; font-size: 20px; font-family: sans-serif; color: #000; } </style> <div id="rating"> <div class="current"> </div> <a href="fotka.php?id=1932&golos=1" class="level1"><span>Фтопку</span></a> <a href="fotka.php?id=1932&golos=2" class="level2"><span>Низачод</span></a> <a href="fotka.php?id=1932&golos=3" class="level3"><span>Зачод</span></a> <a href="fotka.php?id=1932&golos=4" class="level4"><span>Нумляващще</span></a> <a href="fotka.php?id=1932&golos=5" class="level5"><span>Аффтар жжот</span></a> </div>