邊界半徑圓角到父母和孩子<div>

Question

我在具有邊界半徑的div上懸停時遇到了一些問題。

當我將div懸停時，會出現一條顏色與懸停顏色不相似的細線。

html代碼：

<div class="grid_veiw_case_active">
    <div> some text</div>

    <div class="delete_div">
        <div class="delete"><p class="button_text"></p></div>
    </div>

</div>

CSS（部分）代碼：

.grid_veiw_case_active {
   border-style: solid;
   border-width: 1px;
   border-color: #404040;
   border-radius: 5px;
   background: #7d7d7d;  
   width: 254px;
}
.grid_veiw_case_active .delete {
   border-top: 1px solid #969696;
   width: 100%;
   height: 38px;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-bottomleft: 4px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   background: #c1c0c0;

}

.grid_veiw_case_active .delete:hover {
   background: #d06d70;

}

代碼鏈接http://jsfiddle.net/Xbj3b/ 。
說明問題的圖像

Answer 1

添加border-radius: 0px; 到您的懸停狀態。