div的溢出属性问题

Question

我已将我的网站托管在medexcel.comeze.com的测试服务器上。

问题是，当我将鼠标悬停在顶部栏中的菜单按钮上时，顶部div的溢出不再隐藏，红色菜单按钮的右下角可见。

我该如何解决这个问题？

top的CSS是：

#top{
    @include green-gradient;
    border-radius: 0px 0px 50px 50px;
    box-shadow: 10px 10px rgb(56, 56, 56);
    overflow: hidden;
}

和菜单，

.myButton{ 
    @include red-button;
    border-radius:50px 0px 50px 50px;
    text-shadow:0px 1px 0px #810e05;
    float:right;
}

HTML：

<div class="row" id="top">
    <div class="small-8 columns">
        <img src="img/logo.png">
    </div>
    <div class="small-4 columns" id="menu">
        <div class="myButton">Menu</div>
    </div>
</div>

Answer 1

将position: static添加到.myButton。

.myButton{ 
    @include red-button;
    border-radius:50px 0px 50px 50px;
    text-shadow:0px 1px 0px #810e05;
    float:right;
    position:static;
}