Demko do obejrzenia:
http://jsbin.com/AXApacOS/1/
Ikonki nie zawierają się w <a>, <a> opływa ikonki. Półprzeźroczyste <a> powoduje jednak brak możliwości kliknięcia w ikonkę. Dlaczego? Przyznam się, że nigdy się nie interesowałem tymi hasLayout i podobnymi, podejrzewam, że to ma związek z tymi właściwościami.
Testowane na Presto i Webkit - na obu występuje ten efekt.