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

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的可视区域被隐藏了，看不见了。老铁们，大神们，如何解决？