Всплывающее под меню с помощью CSS3

[dallas777]

Добрый день!
Я сейчас вынужден обратиться к вам, так как самому не получается справиться.
Я делаю всплывающее меню :
http://jsfiddle.net/3LL67wac/ - тут видна работа скрипта, одна проблема когда я подвожу мышкой где появляется всплывающее меню не доводя до Меню оно уже появляется.
Как эту проблему можно решить?

 

[С.]

Добавь в CSS:

li {border: solid thin red;}

 

[dallas777]

Добавь в CSS:

li {border: solid thin red;}

при чем тут рамка для подменю?

 

[С.]

Ну как хочешь... Рассуждай дальше.
Будто я тебе кремль в зеленый предложил покрасить.

 

[dallas777]

Ну как хочешь... Рассуждай дальше.
Будто я тебе кремль в зеленый предложил покрасить.

я добавил подменю рамку.

 

[С.]

Теперь посмотри, что значит твое "не доводя до".

 

[dallas777]

Теперь посмотри, что значит твое "не доводя до".

я применил для подменю свойство opacity, этот список есть ,только невидимый, и когда я подвожу мышкой до невидимого списка она уже появляется с помощью opacity: 1;
Впрочем вот ссылка : http://jsfiddle.net/3LL67wac/