Проблема с высотой строки в Webkit (частично не щелкаемые ссылки)

Question

Вот HTML код:

<div class="row">
    <span class="item"><a href="#">A</a></span>
    <span class="item"><a href="#">B</a></span>
    <span class="item"><a href="#">C</a></span>
    <span class="under"></span>      
</div>

Вот код CSS:

.row {
    line-height:0;}
.item {
    line-height:1.2;}
.row .under {
    display:inline-block;
    width:100%;}

Вот ссылка jsfiddle с примером: http://jsfiddle.net/SRhK9/12/

Проблема в том, что ссылки в веб-наборе частично не щелкаются (от нижней стороны до середины ссылки).

Если я удалю span.under, проблема исчезнет, ​​но мне нужен этот элемент для выравнивания блоков с классом .item с помощью text-align: justify, вот так http://jsfiddle.net/SRhK9/18/

Есть идеи, как это обойти?

Answer 1

Нашел ответ.Если вы укажете положение: относительно .item, это решит проблему.Вот демо: http://jsfiddle.net/SRhK9/68/