webkit - Firefox 和 Blink 中不同的字体行高

Question

我需要将文本放在我需要的位置的黑色面板上。所以这是我的布局

<div class="wrap">
    <img src="img/portfolio/geometria/thumb.jpg" alt="Geometria.ru" title="Geometria.ru" width="360" height="240">
    <div class="description">Приложение для <b>Geometria.ru</b></div>
</div>

.description {
    font-size: 20px;
    font-family: "Calibri Light", "Calibri", sans-serif;

    padding-top: 11px;
    padding-bottom: 7px;
}

.description b {
    font-size: 24px;
    font-family: "Calibri Bold", "Calibri", sans-serif;
    font-weight: normal;
}

The text in Firefox, Safari 7 (yes, I know it's on WebKit) and Chrome is almost the same (+/- 2px isn't a problem), but Opera render it completely weird. Can I handle this?

Update

Chrome 32 on Windows render as bad as Opera do. On Mac OS all is ok.