IE/FF DIV Balk, tekst past niet

[tec]

Ik heb met een div een balk gemaakt waarin bold tekst komt, nou past deze text in IE perfect erin maar in FF wordt mn div 2 px groter.

de div heet centerhdr, hieronder staat de html en css.

code:

<div id="firsthdr">
<div id="tophdr"></div>
<div class="centerhdr"><b>Deze bla bla heeft bla bla</b></div>
</div>

code:

div.centerhdr {
    position: absolute;
    top: 10px;
    left: 50px;
    width: 730px;
    height: 18px;
    padding: 2px 0 0 0;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #EAB399;
  background-color: #FF935E;
}

.centerhdr b {
    font-size: 8pt;
    color: #FFFFFF;
}

Heb al met overflow: hidden geprobeerd, met vertical-align: middle.. lost allemaal niks op. Op het moment dat ik die padding van 2 px weg haal ziet het er in FF weer prima uit maar is in beide browsers de text niet gecentreerd in de balk....

Wat zie ik over het hoofd?

[André]

Doordat beide browsers verschillende boxmodellen gebruiken krijg je dit soort problemen. In FF doet hij het goed maar in IE niet.

[tec]

Daar was ik me ook van bewust maar er zal toch wel een oplossing voor zijn neem ik aan.

[André]

Je kunt eens met de line-height spelen

[tec]

dat was em, thx.