Unfortunately, the issue with a:focus not working in IE is still unresolved. I have been searching for a solution, but have not been able to find one yet.
<div class="city-selection">
<ul>
<li><a href="#" tabindex="1"><span>Тольятти</span></a></li>
<li class="city-right-text"><a href="#" tabindex="2"><span>Самара</span></a></li>
</ul>
</div>
.city-selection ul li a:focus {
background-image: url("/img/button.png");
background-repeat:no-repeat;
background-position: 3px 0px;
outline: 0;
}