Как исправить отступ шрифта в Macbook и ipad ?

Question

[komz]

При тестировании обнаружился глюк. На всех компах символ находится по середине, но на яблоке ( ipade и Macbook retina) символ начинает отчет от родительского элемента.
сам код:

<div class="box_gou_img">
      <div class="gou_img"></div>
</div>

.gou_img:before {
    content: "ô";
}
.gou_img {
    background: none no-repeat scroll 0 0 #000000;
    border-left: 1px solid #000000;
    border-radius: 50%;
    color: #ffffff;
    font: 43px/0px entypo;
    height: 28px;
    margin: 6px 6px 6px 4px;
    text-align: center;
    width: 28px 
}

вот результат на компе (windows)
а вот так на маке

Answer 1

[Дима Паутов]

а почему у вас line-height: 0px? Скорей всего из за этого, у меня и в нормальных браузерах бывает такое.

Comments

[komz]

Так в том то и проблема, когда ставишь line-height: 20px, то на маке все становится норм, а на остальных мониторах лупа уходит вниз ( ноут hp c разрешением 1366 х 768, lg c разр. 1024х768) на всех браузеров. Кстати, на андроидском планшетнике та же история что и на маке