Css 无法在定义了特定宽度的DIV中显示菜单

我在一个

中的WordPress标题中添加了一个Horization菜单，我不知道哪个CSS语句使菜单超出了块。假设菜单的CSS是响应的。 演示可以从

下面是Chrome调试的屏幕截图

下面是菜单的HTML代码

<nav id="hoz-menu">
    <ul id="hoz-menu" class="topmenu">
        <li class="topfirst"><a href="#" style="height:16px;line-height:16px;"><span>Item 1</span></a>
        <ul>
            <li><a href="#">Item 1.1</a></li>
            <li><a href="#">Item 1.2</a></li>
        </ul></li>
        <li class="topmenu"><a href="#" style="height:16px;line-height:16px;"><span>Item 2</span></a>
        <ul>
            <li><a href="#">Item 2.1</a></li>
            <li><a href="#">Item 2.2</a></li>
            <li><a href="#">Item 2.3</a></li>
            <li><a href="#">Item 2.4</a></li>
            <li><a href="#">Item 2.5</a></li>
        </ul></li>
        <li class="topmenu"><a href="#" style="height:16px;line-height:16px;">Item 3</a></li>
        <li class="topmenu"><a href="#" style="height:16px;line-height:16px;">Item 4</a></li>
        <li class="topmenu"><a href="#" style="height:16px;line-height:16px;">Item 5</a></li>
        <li class="topmenu"><a href="#" style="height:16px;line-height:16px;">Item 6</a></li>
        <li class="toplast"><a href="#" style="height:16px;line-height:16px;">Item 7</a></li>
    </ul>                   
</nav>

---

块太小，这就是为什么你的菜单在块外。我看不出有什么问题？它假设菜单将根据块的宽度调整大小。

{
    display: block;
}

#hoz-menu ul#hoz-menu, ul#hoz-menu ul {
margin: 0;
list-style: none;
padding: 0;
background-color: #dedede;
border-width: 1px;
border-style: solid;
border-color: #5f5f5f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}