Ciao raga;
Ho un piccolo problema di compatibilità con bordi:

ES:

css:
codice:
<style type="text/css">
html,body{margin: 0;padding:0; background-color:#ffffff;font-family: arial,sans-serif;font-size: 12px; text-align: left;}

div#content{width:500px; height:auto; text-align:center}

div#marsup{width:500px; height:26px; position:relative; background-image:url(marginsup.gif)}

div#areatesto{position:relative; width:498px; height:360px; border-left:1px solid #0073E6; border-right:1px solid #0073E6}

div#marinf{width:500px; height:15px; position:relative; background-image:url(margininf.gif)}
</style>

html:
codice:
<body>
<div id="content">

  <div id="marsup"></div>

  <div id="areatesto">...testo...</div>

  <div id="marinf"></div>


</div>
</body>
In pratica i l'ampiezza "1px(sinistro) + 1px(destro)" dei bordi vengono calcolati esternamente o internamente a secondo del
browser utilizzato...

Esempio con "firefox" i bordi vengono calcolati internamente, mentre invece con "explorer" esternamente...

Esiste un modo per rendere compatibile queste misure con i vari browser?

Grazie mille