如何实现菜单轮播嵌入二级菜单？

Question

<div class="view">

    <div class="pre">上一个</div>

    <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li>5</li>

        <li>6</li>

        <li>7</li>

        <li>8</li>

        <li>

            <ul>

                <li>1.1</li>

                <li>1.2</li>

                <li>1.3</li>

                <li>1.4</li>

                <li>1.5</li>

                <li>1.6</li>      

            </ul>

        </li>

    </ul>

    <div class="next">下一个</div>

</div>

代码大概如上，.view为可视区域，设置了宽高，overflow:hidden

<ul>设置足够的宽并让子元素<li>浮动。

当轮播到最后一个<li>的时候鼠标悬浮出现一个二级菜单。

现在问题是，因为.view设置了overflow:hidden，二级菜单超出.view的可视区域被隐藏了，看不见了。

老铁们，大神们，如何解决？