html - 菜单中的 j、y 等字母空间不足

Question

我使用 000webhost web builder 来制作我的网站，现在我想更改一些我无法从编辑器中更改的内容。

我计划的大多数事情都运行得很好。我遇到的问题是菜单切断了像“y”和“j”这样的低悬字母的下行部分。我想通过增加菜单按钮的大小来解决这个问题。这是快照:

现在，CSS 文件:

.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;
}

感谢您的任何回复!

Answer 1

添加什么

height:XXpx;

或

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

.vmenu ul li a 的属性？