按钮不会在浮动右侧触发事件

Question

我有一个div浮动右边有3个按钮，在IE中我可以点击按钮的每个部分，他触发事件但是在Chrome上我只能触发按钮的一个小位置。

div class="ConfigButton">
                    <div >
                        <asp:Button ID="smallVS" runat="server" Text="Small" OnClick="small_Click"  CssClass="btType"/>
                    </div>
                    <div >
                        <asp:Button ID="mediumVS" runat="server" Text="Medium" OnClick="med_Click" CssClass="btType" ></asp:Button>
                    </div>  
                    <div >
                        <asp:Button ID="largeVS" runat="server" Text="Large" OnClick="large_Click" CssClass="btType" ></asp:Button> 
                    </div>  
                </div>

CSS：

 .ConfigButton {
   float:right;
    margin-top:35px;
    margin-right:20px;

}

.ConfigButton div{
    clear:both;
}


.btType {

    font-size:18px;
    width:180px;
    height:40px;
    color:white;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background-color:#4fc1dc;
    margin-bottom:30px;

}

我尝试使用clear:both，但它没有用。

编辑：