Bonjour à tous et toutes
Jeune padawan du CSS, j'ai un problème dans la gestion de mon menu principale sous IE 8. En effet celui-ci apparaît parfaitement sous FF et sous Chrome mais se décale vers le haut sous IE8.
En faisant un peu de recherche sur le forum je me dit que peut-être quelques lignes de CSS spécifique IE sont utiles mais lesquelles??
Ci-après le Code CSS de mes liens
Par avance merci
Jeune padawan du CSS, j'ai un problème dans la gestion de mon menu principale sous IE 8. En effet celui-ci apparaît parfaitement sous FF et sous Chrome mais se décale vers le haut sous IE8.
En faisant un peu de recherche sur le forum je me dit que peut-être quelques lignes de CSS spécifique IE sont utiles mais lesquelles??
Ci-après le Code CSS de mes liens
/* Menu */
#primary-menu {
float: left;
width: 990px;
margin:0 5px;
padding: 0;
height: 50px;
background: url(images/top-header.jpg) no-repeat left top;
}
#primary-menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#primary-menu a {
display: block;
background-color:tranparent;
margin: 0;
padding: 18px 24px 0 24px;
text-decoration: none;
text-transform: capitalize;
background: url(images/vertical.jpg) no-repeat right top;
color: #FFFFFF;
height: 32px;
}
#primary-menu li {
position: relative;
float:left;
list-style:none;
display: inline;
padding:0px;
margin:0px;
width:auto;
}
#primary-menu ul ul {
position: absolute;
z-index: 500;
}
#primary-menu ul ul ul,
#primary-menu ul ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#primary-menu ul ul,
#primary-menu ul li:hover ul ul,
#primary-menu ul ul li:hover ul ul,
#primary-menu ul ul ul li:hover ul ul {
display: none;
}
#primary-menu ul li:hover ul,
#primary-menu ul ul li:hover ul,
#primary-menu ul ul ul li:hover ul,
#primary-menu ul ul ul ul li:hover ul {
display: block;
width:156px;
}
#primary-menu ul li ul li {
background:transparent url(images/top-header.jpg) no-repeat scroll center center;
border-bottom: 1px solid #FFF;
float: left;
padding-left:10px;
padding-top:3px;
position:relative;
width:100%;
}
#primary-menu ul li ul li.last {
border-bottom: none;
background:transparent url(images/top-header2.jpg) no-repeat scroll center right;
}
#primary-menu ul li ul li a,
#primary-menu ul li ul li a:link,
#primary-menu ul li ul li a:visited {
background: transparent;
padding: 4px 0;
}
#primary-menu ul li ul li ul {
margin: 0 0 0 1px;
}
#primary-menu .current_page_item a {
color: #FFFFFF;
}
#secondary-menu {
float:right;
padding:0px;
margin:5px 5px 0px 0px;
}
Par avance merci