Question

I used 000webhost web builder to make my website, and now I want to change some of contents that I wasn’t able to change from within the editor.

Most things I planned on worked perfectly fine. The problem I’m having is that menu cuts off the descenders of low hanging letters like “y” and “j”. I would like to solve this problem by increasing the size of the menu buttons. Here is snapshot:

Now, the CSS file:

.vmenu ul
{
  margin-bottom:10px;
  padding:0;
  width:179px;
/* Main Menu Item widths */
  list-style-type:none;
}

.vmenu ul li
{
  position:relative;
}

/* Top level menu links style */
.vmenu ul li a
{
  display:block;
  overflow:auto;
/*force hasLayout in IE7 */
  color:#FFF;
  text-decoration:none;
}

/*background of menu items (default state)*/
.vmenu ul li a:link,.vmenu ul li a:visited,.vmenu ul li a:active
{
/*background: #414141; color: white;*/
}

/*CSS class that's dynamically added to the currently active menu items' LI A element*/
.vmenu ul li a.selected
{
  font-weight:700!important;
/*background: black; color: white;*/
}

/*background of menu items during onmouseover (hover state)*/
.vmenu ul li a:hover
{
/*background: black; color: white;*/
}

/*Sub level menu items */
.vmenu ul li ul
{
  padding:5px!important;
  background:#FFF;
  border:1px solid #D6D6D6;
  position:absolute;
  width:auto;
/*Sub Menu Items width */
  top:0;
  font-weight:400;
  visibility:hidden;
}

.vmenu ul li ul li
{
  overflow:visible!important;
}

/* Holly Hack for IE \*/
* html .vmenu ul li
{
  float:left;
  height:1%;
}

* html .vmenu ul li a
{
  height:1%;
}

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass
{
  position:absolute;
  top:12px;
  right:7px;
}

.rightarrowclass
{
  position:absolute;
  top:6px;
  right:5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow
{
  position:absolute;
  left:0;
  top:0;
  width:0;
  height:0;
  background:silver;
}

.toplevelshadow
{
/*shadow opacity. Doesn't work in IE*/
  opacity:0.8;
}

Thanks for any replies!

Answer 1

What about adding

height:XXpx;

or

padding-top: XXpx;
padding-bottom: XXpx;

to properties of .vmenu ul li a?