Попробуйте:
.expanded a:hover + ul,
.expanded ul:hover {display:block !important;z-index:99999;}
.menu ul{position:absolute;}
.menu li{float:left}
.menu .menu a{width:100px}
На вашем сайте куча сумасшедших css @imports, которые трудно отладить.Правило ! important было необходимо.
Вам также нужно выбрать конкретную ширину для выпадающих ссылок, я использовал 100px.
Надеюсь, это поможет, я не собирался отвечать, но явидел, как люди пытаются бросить Suckerfish в тебя, и это не то, чего ты добиваешься - ты хочешь сделать это сам.Полностью понимаю.
РЕДАКТИРОВАТЬ: Это, вероятно, придется настроить, или Javascript должен быть задействован, если вы хотите поддерживать IE6 и 7.
РЕДАКТИРОВАТЬ: Вернулся и обрезал код.Раньше было слишком много, и это сбивало с толку.