Bonjour à tous,
j'ai un problème d'affichage sur Internet Explorer d'un menu, et tout s'affiche correctement sur Firefox.
Je suppose que cela vient de la feuille de style, mais étant nouvelle sur ces technologies, je ne sais pas dans quel sens chercher...
SVP, quelqu'un saurait-il d'où peut venir ce type d'erreur ?
C'est visible sur la page d'accueil du site
http://www.toupoil.com
Voici les lignes de css au cas où :
div#menu_main {
margin: 0;
padding: 0;
border: 0;
width: 180px;
height: 380px;
background-image: url(sources/background_index.png);
background-repeat: no-repeat;
}
div#menu_column_left {
margin: 0; padding: 0; margin-left:3px; margin-top:20px;
width: 150px;
height: 100%;
float: left;
}
div#menu_button_A {
margin: 0;
padding: 0;
border: 0;
width: 117px;
height: 38px;
margin-top: 42px;
margin-left: 17px;
background-repeat: no-repeat;
position: absolute;
cursor: pointer;
}
.menu_button_A { background-image: url(sources/menu/toupoil_idle.png); }
.menu_button_A_hover { background-image: url(sources/menu/toupoil_hover.png); }
div#menu_button_A:hover {
background-image: url(sources/menu/toupoil_hover.png);
}
div#menu_button_B {
margin: 0; padding: 0;
width: 123px; height: 53px;
margin-top: 115px; margin-left: 17px;
background-repeat: no-repeat;
position: absolute;
cursor: pointer;
}
.menu_button_B { background-image: url(sources/menu/public_idle.png); }
.menu_button_B_hover { background-image: url(sources/menu/public_hover.png); }
div#menu_button_B:hover {
background-image: url(sources/menu/public_hover.png);
}
div#menu_button_C {
margin: 0; padding: 0;
width: 101px; height: 56px;
margin-top: 190px; margin-left: 28px;
background-repeat: no-repeat;
position: absolute;
cursor: pointer;
}
.menu_button_C { background-image: url(sources/menu/autres_idle.png); }
.menu_button_C_hover { background-image: url(sources/menu/autres_hover.png); }
div#menu_button_C:hover {
background-image: url(sources/menu/autres_hover.png);
}
div#menu_button_D {
margin: 0; padding: 0;
width: 99px; height: 29px;
margin-top: 270px; margin-left: 40px;
background-repeat: no-repeat;
position: absolute;
cursor: pointer;
}
.menu_button_D { background-image: url(sources/menu/contact_idle.png); }
.menu_button_D_hover { background-image: url(sources/menu/contact_hover.png); }
div#menu_button_D:hover {
background-image: url(sources/menu/contact_hover.png);
}
img {
border: 0px;
}
span.link_alt {
display:none;
}
a:link, a:active {
color: #990000;
text-decoration: none;
}
a:visited {
color: #666666;
text-decoration: none;
}
a:hover {
color: #FF5D20;
text-decoration: none;
}
Merci beaucoup par avance pour votre aide,
je suis vraiment bloquée la-dessus...