div alignement dans css sur Chrome, FF et IE 7 sur Windows XP

Question

J'ai des problèmes avec l'alignement des divs.

Ma disposition se compose d'un div view_central qui contient trois autres divs, à savoir view_central_top, view_central_left et view_central_right. Chrome et FF donnent le résultat recherché: un div diviseur avec une bannière, le navigateur vers la gauche et le contenu vers la droite.

IE 7 compense le contenu div view_central_right 10 px à haut couvrant ainsi une partie de la bannière div view_central_top.

Le code CSS ressemble à ceci:

.view_central 
{ 
    position: relative; 
    width: 827px; 
    height: 100%; 
} 

.view_central_top 
{ 
    position: absolute; 
    top: 0xp; 
    left: 0px; 
    height: 118px; 
    width: 828px; 
} 

.image_borderless 
{ 
    border: 0px none; 
} 

.view_central_left 
{ 
    position: relative; 
    left: 0px; 
    top: 118px; 
    width: 187px; 
    height: 683px; 
    background: #C7D2EB; 
    font-size: 11px; 
} 

.view_central_right 
{ 
    position: relative; 
    left: 0px; 
    top: 118px; 
    width: 640px; 
    height: 683px; 
    background: #FFFFFF; 
} 

Quelqu'un peut-il me aider. Merci.

Answer 1

Ma première pensée - Rembourrage ou marges dépendant du navigateur. Une réinitialisation CSS (au moins pour les éléments div) peut être utile d'essayer.