css - 为什么我的 CSS 水平菜单中的子导航项会截断文本而不是换行？

Question

我正在努力将网站从主要是 Flash 转换为主要是 CSS / HTML。除了一件事，它正在顺利进行。

这是网站：

http://cohen.digitaldemo.net

如果您将鼠标悬停在 PRACTICE AREAS 顶部菜单选项上，您将看到子菜单中的第一项内容为：

ARBITRATION CV for STEVEN

它应该读的是：

ARBITRATION CV for STEVEN COHEN

换行的地方是这样的：

ARBITRATION CV for STEVEN
COHEN

为什么不包起来？

对此的任何帮助将不胜感激......

Answer 1

第 130 行：

.sub-menu li { display:none ;
width:220px ;
    height: 23px;

去掉这个高度。

Answer 2

在CSS中：

.sub-menu li {
    background: none repeat scroll 0 0 #FC940F;
    display: none;
    height: 23px;
    margin: 0;
    padding: 0;
    width: 220px;
}

你限制了宽度和高度，所以基本上它是包裹的，但你看不到包裹的部分。您可以删除高度以便看到包裹，或增加宽度使其不包裹。