Problem with Top Menu

I have installed the events template and I am just playing about with the top menu. I have added several items and some sub items.

I see Menu item 1 appears higher than the other menu items and when I move over menu item 2 the mouse Icon changes from the pointer finger to a regular cursor

Test site at here

add this to bottom ot template_css.css:

#nav > li.active a, #nav > li a:hover{
line-height: inherit;
}

Many Thanks Ivan - that has sorted out the alignment but not the mouse cursor problem.

Just to clarify the mouse cursor over menu item 1 is a poined finger but over the other items it becomes a regular cursor - this is different to your demo site

Thanks

then put add after prev css entry:

#nav > li a{
cursor:pointer!important;
}

Ivan,

Thanks that works fine.

One small issue is if I enter an article such as the first article on the front page then the menu problem returns with the different heights. The mouse cursor remains fine

Thanks

instead of:

#nav > li.active a, #nav > li a:hover{
line-height: inherit;
}

put:

#nav > li a, #nav > li a:hover{
line-height: inherit!important;
}