Question

I have an issue with links for which their focus is jumping around.

The site is here: http://www.bikramyoga.cz

The links that are troublesome are in this HTML piece:

<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>

When I first created the site the links worked fine, now not so much.
Any ideas where my CSS is messed up?

Answer 1

If you display your <a> as block, instead of inline-block it seems to work as you want.

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