Пишу выпадающее горизонтальное меню и вот возник какой вопрос.
У меня есть пункты меню к примеру:
Главная О компании Партнерам Справка Помощь
и к этим пунктам выпадающие пункты при наведении.
В дизайне возникла задача опустить выпадающие пункты меню на 30 px.
.menu-dropdown .dropdown {
position:absolute;
top:30px;
left:0;
z-index:100;
width:300px;
border: solid 1px red;
}
И получается когда я навожу например на Справка, выпадают вложенные пункты, но когда спускаю курсор вниз к ссылкам (попадаю как раз в эту область отступа в 30 пт) меню закрывается.
Подскажите пожалуйста варианты решения
