Подменю исчезает при наведении

[VeniVidiVici]

Возникли трудности при вёрстке подменю:

если оно вплотную прилегает к родительскому элементу - проблем нет, но если имеет отступы/отдалено, то при наведении - исчезает. Т.к появляется пустое пространство между li и под меню.

Вот код:

http://jsfiddle.net/LOL1/jokr73qq/6/

 

Как сделать, чтобы подменю не исчезало при наведении?

Edited October 19, 2015 by VeniVidiVici

[Launder]

http://jsfiddle.net/Launder/w8p44nk2/

 

может как-то так?...

[Нарек]

Как сделать, чтобы подменю не исчезало при наведении?

Убрать свободную область разделяющую подменю и меню.

[VeniVidiVici]

http://jsfiddle.net/Launder/w8p44nk2/

 

может как-то так?...

Ёлки палки, как раз думал что можно сделать прозрачным бордером, но потом взяли сомнения - можно ли так верстать?   

Т.е. это вполне нормально, использовать в данном случае прозрачный бордер?

[Launder]

Честно - вот Вы проблему ставите сейчас теоретически, и тут я точно затрудняюсь сказать... Могу только порассуждать - видимо, нужно, чтоб связь между элементами не прерывалась, а как это реализовать? Нужно сделать так, чтоб стрелочка была чисто визуальным эффектом, а элемент был целостным, и первое что пришло в голову поэксперементировать с границей. Можно ли это решить более изящно - не знаю, может и можно