Interprétation différente du style border sous ie et firefox [RESOLU]

Bonjour,

j'ai créé des bordures à gauche et à droite d'un bloc div et l'affichage de ces bordures est différent sous ie et sous firefox.
sous ie l'épaisseur est plus grande et la bordure dépasse de 1 ou 2px le cadre ;
sous firefox c'est parfait.

ci-dessous le code html/css :

<div id="edito">
<h1>Coordonnées</h1>
<h2>blablabla<h2>
<p>N’hésitez pas à nous contacter en utilisant le formulaire de contact ci-contre ! A tr&egrave;s bient&ocirc;t ! </p>
</div>

#edito{
width:252px;
background:#2a4464 url(images/fd_gauche.jpg) bottom no-repeat;
margin-left:39px;
border-left-color:#788b32;
border-left-width:thin;
border-left-style:solid;
border-right-color:#788b32;
border-right-width:thin;
border-right-style:solid;
}

En faisant une recherche sur internet j'ai cru comprendre qu'il fallait mettre une condition, si IE etc. mais je ne sais pas comme mettre cela en forme concrètement.

Auriez-vous une piste ?

merci d'avance pour votre aide
Modifié par Mdf75 (11 Jun 2009 - 12:23)

Salut,

Au lieu de mettre "thin" comme valeur, que les navigateurs interprètent comme ils l'entendent (subjectivement), renseigne plutôt une valeur unitaire.

Pour ce qui est du "dépassement" de la bordure : Tu utilise bien sûr un doctype ?