[CSS] ramki inaczej wyświetlane w IE oraz w FF Opcje

[eki]

Witam! mam taki problem: zrobilam taki boks z menu :

Kod

.boks {
    width: 140px;
    background-color: #fcefc8;
    border-bottom:1px solid #9d7c64;
    border-left:1px solid #9d7c64;
    border-right:1px solid #9d7c64;
    padding:3px;
    font-size:10px;
    text-align:center;
}

problem pojawia się w momencie wyświetlania, FF rysuje border na zewnatrz,przez co blok jest o 2 px szerszy niż zaplanowany.bardzo rozwala mi to inne elementy na stronie :/

[KCG]

O ile dobrze kojarzę to FF poszerza element (width) o padding, czyli Twój div naprawdę ma 146px szerokości (tak powinno być), a IE wlicza padding w szerokości, czyli div ma 140px (zła interpretacja) (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Czyli możesz zmniejszyć szerokość o te 6px (w IE div będzie węższy po prostu) lub taką druciarską trochę metodą umieścić w środku następny div i ustawić jego szerokość na 134px i marginesy na 3px (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

PS Rozmiar czcionki chyba lepiej podawać w 'pt'.