Граница кнопки появляется в пределах высоты объекта

Это не серьезная проблема, поскольку ее можно легко настроить с помощью CSS - просто то, что мне интересно знать . Почему граница появляется в пределах высоты элемента кнопки, а не снаружи, как в блочной модели? В приведенном ниже примере у меня есть элемент кнопки и элемент привязки. Высота обоих 30 пикселей, с границей 1 пиксель. Однако элемент кнопки выглядит на 2 пикселя шире, чем якорь (который правильно отображается при общей высоте 32 пикселя).

http: // jsfiddle. net / Y9Rv7 / 1 /

Спасибо