Décalage IE avec bordures

Bonjour,

J'ai un petit souci avec mon code css, qui me fait un léger décalage avec IE. J'ai pris le design de test du sdz (celui qu'on trouve dans le tuto créez votre site web) et je l'ai adapté, notamment en mettant deux menus, de part et d'autres du corps. Avec des bordures. Sous Firefox, pas de problème, mais sous IE, le corps est plus petit, et n'atteint pas les menus.

#menugauche
{
float: left;
width: 120px;
}

.titremenugauche
{
height: 120px;
background-color: #626262;
border-top: 2px solid black;
border-right: 2px solid black;
}

.titremenugauche h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

#menudroite
{
float: right;
width: 120px;
}

.titremenudroite
{
height: 120px;
background-color: #626262;
border-top: 2px solid black;
border-left: 2px solid black;
}

.titremenudroite h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

#corps
{
margin-left: 120px;
margin-right: 120px;
height: 476px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
border-top: 2px solid black;
}

#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

<div id="menugauche">
<div class="titremenugauche">
<h3>Menu A1</h3>
   lalala<br />
   lalala<br />
   lalala
</div>
   <div class="titremenugauche">
<h3>Menu A2</h3>
   lalala<br />
   lalala<br />
   lalala
</div>
   <div class="titremenugauche">
<h3>Menu A3</h3>
   lalala<br />
   lalala<br />
   lalala
</div>
   <div class="titremenugauche">
<h3>Menu A4</h3>
   lalala<br />
   lalala<br />
   lalala
</div>
   </div>

<div id="menudroite">
<div class="titremenudroite">
<h3>Menu B1</h3>
   lalala<br />
   lalala<br />
   lalala
</div>
   <div class="titremenudroite">
<h3>Menu B2</h3>
   lalala<br />
   lalala<br />
   lalala
</div>
   <div class="titremenudroite">
<h3>Menu B3</h3>
   lalala<br />
   lalala<br />
   lalala<br />
</div>
   <div class="titremenudroite">
<h3>Menu B4</h3>
   lalala<br />
   lalala<br />
   lalala<br />
</div>
   </div>

<div id="corps">
<h1>Index</h1>
</div>

Voilà, si quelqu'un a une idée

meci

Encore :'(

Décalage IE avec bordures

Supprimer

Modérer

Signaler le message aux modérateurs