Выпадающее горизонтально меню

Пишу выпадающее горизонтальное меню и вот возник какой вопрос.

У меня есть пункты меню к примеру:

Главная О компании Партнерам Справка Помощь

и к этим пунктам выпадающие пункты при наведении.

В дизайне возникла задача опустить выпадающие пункты меню на 30 px.

.menu-dropdown .dropdown {
position:absolute;
top:30px;
left:0;
z-index:100;
width:300px;
border: solid 1px red;
}

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

Подскажите пожалуйста варианты решения