Вопрос по html+css

Доброго времени суток,

Столкнулся со следующей проблемой:

на бекграунде отметил координаты и установил кнопку, которая при наведении меняется. Но при нажатии на нее не происходит переход.

Если убрать class="item1", то все работает, кроме только что без стиля кнопка убегает.

Вот:

<ul class="info-items">

<li><a href="1.html" class="item1">инфо</a></li>

<li><a href="2.html" class="item2">инфо</a></li>

<li><a href="3.html" class="item3">инфо</a></li>

<!-- <li><a href="3.html" class="item4">инфо</a></li> -->

</ul>

Сделал так и работает:

<li><a href="1.html">инфо</a></li>

Не устраивает, т.к. убегает кнопка.

Вот кусок CSS:

.info-items {

margin:0 auto;

padding:0;

list-style:none;

width:950px;

position:relative;

}



.info-items a {

position:absolute;

background:url(../images_rev1/info-ico.png);

width:22px;

height:23px;

text-indent:-9999em;

}



.info-items a:hover {

background:url(../images_rev1/info-ico-hover.png);

}



.item1 {

top:251px;

left:520px;

}



.item2 {

top:310px;

left:574px;

}



.item3 {

top:365px;

left:545px;

}



.item4 {

top:415px;

left:500px;

}