Prob avec attribut :hover dans ie et prob de fermeture de sous-menus

Salut !

Je viens faire appel à vos lanternes. Je suis en train de développer un menu de navigation et j'ai quelques soucis :
-voir ici-

1er : Dans ie6 quand on passe la souris sur un lien d'une sous rubrique, la coloration de la zone ne va pas jusqu'au bord du bloc blanc (contrairement à firefox).
Avec firefox ça fonctionne parce que j'ai ajouter le background de cette façon au "li" ==>

#submenu ul li:hover { /*non interpreté par ie*/
	background-color:red;
	cursor:pointer;
}

> ie détecte le :hover seulement pour les liens ...

Comment faire pour que la zone cliquable s'étende jusqu'au bord du bloc ainsi que le background rouge ?

2ème : Dans ie et firefox quand on sort la souris des sous-menus et du menu, il y a toujours un sous-menu qui reste ouvert. Ils ne se ferment jamais ...
Comme faire pour détecter quand on est en dehors du menu pour le refermer ?

Accès au css - cliquer ici -

Merci de vos conseils

A+
Modifié par ingrid04 (12 Sep 2007 - 12:15)

Salut

Alors, pour étendre le background à tous le li, essaye :

... a {
  display:block;
}

Pour faire disparaître le menu quand on sort la souris, ajoute simplement dans la balise li :

onmouseout="hide_all();"

Bonne continuation

OK merci pour l'astuce pour étendre le background, ça fonctionne super !

Par contre, en ce qui concerne le :

onmouseout="hide_all();"

à ajouter dans la li, je ne suis pas sûre de la syntase.
ça fontionne si je met par exemple dans mon fichier css :

.toto li {
onmouseout="hide_all();"
}

Merci
Modifié par ingrid04 (12 Sep 2007 - 13:42)

Salut,

Je suis toujours avec mon menu déroulant, et j'ai un dernier problème qui persiste.
Les sous-menu ne se ferment pas quand on sort du menu.
Il y en a toujours un qui reste ouvert.
Si quelqu'un a une petite astuce

Merci
Modifié par ingrid04 (14 Sep 2007 - 09:29)