Problem with Superfish menu

See link: http://www.advertisesolutions.com开发者_运维百科/beta/4kitchens.html

Cannot understand why there is a gap below the main menu and the submenus and the menu for Profile->Profile Setting has a problem with the height.

The profile setting has a height problem because you set it to 33px height and it spans two lines...

change .main-menu li to:

.main-menu li {
      background:#ff6633;
      height:auto;
}

and .main-menu li:hover to:

.main-menu li:hover {
      background:#ff6633;
      height:auto;
}

To remove the gap change:

.main-menu li:hover ul, .main-menu li.sfHover ul {
left: 0;
top: 2.5em;
z-index: 99;

}

to:

.main-menu li:hover ul, .main-menu li.sfHover ul {
left: 0;
top: 2.2em;
z-index: 99;

}

Your top value was just too large and positioning the sub menu too low.

Something like this

.main-menu li li {
  position:relative;
  top:-10px;
}

You want to target the second level of your menu, then change the top:-10px value accordingly until gap is gone.

Negative number is important! (negative for gap fixes, positive for overlaps)