在引导程序中向下拉菜单添加滚动条时，下拉子菜单项会部分显示

Question

在具有下拉菜单的下拉菜单中添加滚动条时；下拉菜单中的部分显示在下拉菜单中。

HTML：

    <div class="container">
    <div class="row">
        <div class="span12">
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    Scrollable Menu <span class="caret"></span>
                </button>
                <ul class="dropdown-menu scrollable-menu" role="menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li class="dropdown-submenu"><a href="#">Something else</a><ul class="dropdown-menu" role="menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                    </ul>
                    </li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

CSS：

.scrollable-menu {
height: auto;
max-height: 200px;
overflow-x: hidden;}

P.S。我正在使用Bootstrap 2.3.2

如果有人帮助我，我将不胜感激。

谢谢。