Выпадающее меню в IE6, вставляющее слишком большую ширину, не сбрасывая

Question

У меня есть раскрывающееся меню CSS, которое отлично работает в IE7, FF, Safari и Opera (на ПК еще не удалось протестировать Mac) ,

К сожалению, в IE6, который используют мои клиенты в этом проекте, urgh - меню растягивается слишком широко и покрывает логотип сайта. Кроме того, ни одно из выпадающих меню не работает.

В какой-то степени я мог бы жить с выпадающими меню, не работающими в IE6, но у меня не может быть меню, покрывающего логотип.

http://preview.sgwl.net/

Сайт использует модифицированную версию http://wordpress.org/extend/plugins/wordpress-css-drop-down-menu/. Мне пришлось изменить его, чтобы элементы верхнего уровня не были фиксированными, что, вероятно, связано с IE6. Я пробовал использовать _width: 1px; _overflow: скрытый; и массив других хакеров IE6, но ничего не сработало.

Потребовалось немного сделать, чтобы меню работало в браузерах, где оно работает сейчас, поэтому ответы, основанные на стилях IE6, а не перекодировании сверху вниз, будут фантастическими! СПАСИБО!!

Answer 1

В строке 276 в custom.css у вас есть

/* 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 также будет влиять на IE6. Если вы удалите весь фрагмент кода, меню будет правильно отформатировано в IE6.