CSS прыжки фокус

Question

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

Сайт находится здесь: www.bikramyoga.cz

Ссылки, которые хлопотно в этом HTML поштучно:

<ul id="sub"> 
    <li id="mail"> 
     <a href="posta.htm" title="chci zasílat novinky">chci zasílat novinky</a> 
    </li> 
    <li id="fb_icon"> 
     <a href="http://www.facebook.com/BikramYogaPrague?sk=wall" target="_blank">to se mi líbí</a> 
    </li> 
</ul> 

Когда я первый создал сайт ссылки работали нормально, сейчас не так много. Любые идеи, в которых мой CSS испорчен?

Answer 1

Если вы отобразите <a> как block, а не inline-block, это сработает так, как вы хотите.

#mail a{display:block} 
#fb_icon a{display:block}