css - font-size 0.8em / small で背景がベースラインの下にハングアップする

Question

font-size 0.8em を使用しているという理由だけで、ベースラインの下に「ハング」するリンク アイコンがあります。

a {
   padding-left: 6px;
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAKCAMAAACpO397AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/JoEAAAA0+PISwAAAA5JREFUeNpiYMAHAAIMAAAeAAHMILKLAAAAAElFTkSuQmCC") center left no-repeat;
    text-decoration:none;
    font-family: sans-serif;
}

.fs-09 {
    font-size: 0.9em;
}
.fs-08 {
    font-size: 0.8em;
}
.fs-s {
    font-size: small;
}

<a class="fs-09" href="#">Baseline</a>

<a class="fs-08" href="#">Baseline</a>

<a class="fs-s" href="#">Baseline</a>

テスト: http://jsfiddle.net/4a49qmw0/

Win8 上の最近の Chrome および Firefox でテストおよび確認されています。

これはどのように修正できますか？font-size 0.8emを使い続けたいです。