28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un problème sur un site : www.alcineo.com
Le menu à gauche se comporte bien quand je le visionne sur mon Mac (Imac 24 pouces). Mais quand je regarde sur mon portable Samsung, il y a un problème quand je survole les items. Le 1er item (Home) se décale légèrement vers le bas et c'est aussi le cas de l'item Services.
Quand le sous-menu est déplié (item Products & solutions), ce n'est plus l'item Services qui se décale vers le bas, mais l'item Contact.

Je m'arrache les cheveux là-dessus depuis hier ! Si quelqu'un a déjà rencontré ce problème, peut me fournir une explication, mieux, me donner une solution, je suis preneuse !
Je précise que pour les 2 machines la version de Firefox est la 3.5.4.

Je vous mets le code CSS que j'ai créé (mis au point sur mon Mac) :
#left ul {
list-style-type:none;
margin:0 -2px 20px 10px;
font-family:"Courier New", Courier, mono;
color:#1f5e7f;
font-weight:600;
}

#left ul li {
margin:0;
display:block;
line-height:1.2em;
}

ul.menumenu li a:link,
ul.menumenu li a:visited,
ul.menumenu li a:active{
display:block;
padding:10px 4px 6px 5px;
text-decoration:none;
color:#1f5e7f;
text-transform:uppercase;
border-top:1px solid #ddd;
font-size:0.95em;
line-height:1.2em;
}

ul.menumenu li:first-child a:link,
ul.menumenu li:first-child a:visited {
border-top:none;
}
ul.menumenu li:first-child a:hover {
border-top:none;
}
	
ul.menumenu li a:hover{
color:#4e86a4 !important;
color:#4e86a4;
font-weight:normal;
}

/* ################## Main Menue 2e niveau################## */

#left ul li ul {
background:#fff;
margin:0;
margin-left:30px;
}

#left ul li ul li {
margin:0;
display:block;
margin:0;
line-height:0.4em;
font-size:0.9em;
font-family:Georgia,sans-serif;
color:black;
font-weight:normal;
}
#left ul.menumenu li ul li:first-child a:link,
#left ul.menumenu li ul li:first-child a:visited {
border-top:solid 1px #ddd;
}
#left ul.menumenu li ul li:first-child a:hover {
color:#4e86a4;
}
#left ul.menumenu li ul li a:hover{
font-family:Georgia,sans-serif;
}
#left .moduletable_menu ul li ul li a{
color:black;
line-height:0.4em;
}
#left .moduletable_menu ul li ul li:first-child a{
line-height:0.4em;
}


Merci à l'avance pour vos réponses
Modifié par marie12 (01 Nov 2009 - 15:48)