Menu déroulant dans IE6 insérant trop de largeur, ne pas tomber

Question

J'ai un menu déroulant CSS qui fonctionne très bien dans IE7, FF, Safari, et Opera (sur PC, n'ont pas encore pu tester sur Mac) .

Malheureusement dans IE6 - que mes clients sur ce projet utilisent tous, urgh - le menu s'étire trop large et couvre le logo du site. En outre, aucune des listes déroulantes ne fonctionne.

Dans une certaine mesure, je pourrais vivre avec les listes déroulantes ne fonctionne pas dans IE6, mais je ne peux pas avoir le menu couvrant le logo.

http://preview.sgwl.net/

Le site utilise une version modifiée de http://wordpress.org/extend/plugins/wordpress-css-drop-down-menu/. J'ai dû le modifier pour que les éléments de haut niveau ne soient pas à largeur fixe, ce qui est probablement ce qui gâche IE6. J'ai essayé d'utiliser _width: 1px; _débordement caché; et un éventail d'autres hacks IE6 mais rien n'a fonctionné.

Il a fallu un peu de travail pour que le menu fonctionne dans les navigateurs où il fonctionne maintenant, donc les réponses qui reposent sur des styles spécifiques à IE6 plutôt que de recoder de haut en bas seraient fantastiques! JE VOUS REMERCIE!!

Answer 1

Sur la ligne 276 dans custom.css vous avez

/* a hack so that IE5.5 faulty box model is corrected */ 
* html .custom .menu a, * html .custom .menu a:visited { 
    width:149px; 
    w\idth:138px; 
} 

• html également affecter IE6. Si vous supprimez toute cette section de code, le menu se formera correctement dans IE6.