CSS vises forskelligt i samme browser

Jeg har lavet et par sider, hvor jeg har en overskrift, der ser nogenlunde sådan ud: <div id="top">Test</div>

I mit stylesheet #top har jeg følgende har jeg defineret følgende:
#top {
    color: #000000;
    background-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    height: 40px;
    width:100%;
    left: 0px;
    top: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-top:10px;
}

Problemet er, at jeg har gjort dette på flere sider. På én af siderne vises det anderledes i forhold til de andre. Farverne er rigtige nok, men dimensionerne passer ikke helt.
Fjerner jeg rammen og padding-top ser det ens ud.
Sætter jeg 1px ramme på, bliver det på den ene side tilføjet indenfor den eksisterende højde. På den anden side bliver det 40px + 1px. Det samme er gældende med padding-top.

Nogle forslag til hvad der kan være galt?