Voici l'aperçu sous IE :

et sous Firefox, Opera, Safari :

Je n'arrive pas à corriger ce problème.
Code : Tout sélectionner
/* CSS Document */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#000000;
}
.menuV{
background:url(gfx/som.jpg);
}
/*menu Vertical*/
#navcontainer { width: 125px;
}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
padding-top: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
#navcontainer a
{
display: block;
padding: 2px;
width: 120px;
/*background-color: #036;*/
background:none;
border-bottom: 1px solid #eee;
}
#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
#edito{
text-decoration:none;
text-align:justify;
}
.titre{
font-size:16px;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
}
.titre2{
color:#003399;
font-style:italic;
font-weight:bold;
}
/*Menu Horizontal*/
#navcontainerh ul
{
padding-left: 0;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
background-color: #036;
color: White;
float: left;
width: 644px;
font-family: arial, helvetica, sans-serif;
}
.news{
border:solid;
}
.head{
font-size:24px;
color:#3300CC;
font-family:Arial, Helvetica, sans-serif;
}
#navcontainerh ul li { display: inline; }
#navcontainerh ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
#navcontainerh ul li a:hover
{
background-color: #369;
color: #fff;
}
/* CSS Document */