Problemer med IE og firefox læser forskelligt

Hej jeg har et problem, men det er lidt svært at beskrive fordi man ofte skal se koderne for at kunne forstå fejlen

jeg laver en hjemmeside som et eksamens projekt, så vidt jeg ved er mine XHTML koder korrekte.. det påstår W3C.org at least...

problemet er at IE og firefox sætter mine borders forskelligt.. jeg har endnu ikke været ude for dette problem før så kan ikke vide hvor det er det hele går galt... men nu er jeg ved at blive desperat...

forklarer lige problemet

jeg har f.eks. disse få koder:

<div style="width: 143px; background-image: url(img/menu_topic.gif); background-repeat: no-repeat; background-color: #5747BA; text-align: center;">
 
    <img src="img/text_headlines/afstemning.gif" alt="" />

</div>

<div style=" width: 143px; border-right: #5747BA 1px solid; border-bottom: #5747BA 1px solid;">
    <div class="standartPadding">
    hej
    </div>
</div>

menu_topic.gif forestiller bare en firkant med et rundt hjørne.. dette billed er 143px langt, dette er lavet som en baggrund fordi jeg plasker et andet billed ovenpå som er overskriften til denne menu (har flere menuer nedad) billedet er afstemning.gif som er teksten til overskriften på denne menu...

class="standartPadding" er bare en padding på 4px;

når jeg ser dette i FF er borderen til højre 1 px udenfor billedkanten (det ser jo dumt ud), når jeg ser det i IE er borderen hvor den skal være, laver jeg de 143px om til 142 px i nummer 2 <div> ser det ud som det skal i FF men så er problemet i IE at borderen er 1px for langt til venstre...

Nogen der har oplevet dette problem før?

hvis der eventuelt er en vendelig sjæl derude er min mail adresse cartman_lajer@hotmail.com (ja den er gammel :) ) og det samme er min MSN... så kan jeg eventuelt sende det så du selv kan se det :)

Mvh
John Lajer