Раскрывающийся список CSS и HTML в Blogger Не работает при наведении курсора в IE; но идеально в других браузерах

Я добавляю выпадающее меню в свой блог, используя html и CSS.

Код взят из Моей лаборатории Blogger с настройками цвета и т. д.

Мой тестовый сайт: http://practicedailygratitude.blogspot.com/

Я на 100% доволен тем, как это выглядит в Chrome и Firefox (выпадающие списки действительно только для «О программе», «Изображения» и «Сделай сам», остальные — просто ссылки).

У меня следующие проблемы в IE (пробовал 7, 8 и 64-битную):

1. В Проводнике раскрывающиеся списки отображаются с почти прозрачным фоном (я вижу текст сообщения за ними)
2. В Проводнике раскрывающийся список происходит так быстро, что я не могу навести курсор мыши или сделать выбор.
3. В сафари ссылки не активны и при наведении появляются выпадающие списки.

Я искал две недели и пробовал разные настройки и предложения из других сообщений, но я не знаю, как заставить это работать в IE.

Я не использую IE, но им пользуются более 30% подписчиков ее блога, поэтому мне нужно внести коррективы, у меня просто нет идей (и я достиг своей компетенции) на данный момент.

Я смог настроить код, чтобы получить его именно так, как я хочу (с раскрывающимися списками, нависающими над баннером флага в заголовке) в Chrome и Firefox.

Примечание. Этот код требует, чтобы html-гаджет был помещен вверху раздела сообщения в блоге, а не в заголовке, поэтому я изменил некоторые поля и т. д., чтобы выпадающие списки перемещались и «выглядели правильно» с заголовком. изображение за ним.

Вот что я вижу:

Тема SIMPLE от Blogger Джоша Петерсона. Это один из немногих вариантов в Blogger ---- я не изменил его; Я изменяю только 1 виджет html, который я добавил над разделом сообщений, а затем есть вкладка «Расширенные CSS» для шаблона — вот где я перешел к «Дополнительно», а затем «добавить CSS» и добавил CSS из My Blogger Lab. (только обновление цветов и перемещение, чтобы он перекрывал заголовок) ---- кажется, что CSS затем добавляет себя в шаблон SIMPLE.

html для виджета: http://practicedailygratitude.blogspot.com/2012/09/my-blogger-lab-html-code-for-widget.html

CSS: http://practicedailygratitude.blogspot.com/2012/09/my-blogger-labs-css-i-modified-for.html

Простой шаблон в Blogger http://practicedailygratitude.blogspot.com/2012/10/simple-template-from-blogger.html