css border-radius不适用

Question

CSS边界半径不适用于导航包装。 有什么想法吗？

小提琴

码：

HTML：

<div class="navigation">
    <div><a href="">Home</a></div>
    <div><a href="">Products</a></div>
    <div><a href="">Services</a></div>
    <div><a href="">Support</a></div>
    <div><a href="">Contact</a></div>
</div>
<div style="clear:both;"></div>

CSS：

.navigation {   
    position:relative;
    float:left;

    overflow:auto;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.navigation div {
    position:relative;
    float:left;

    background: #484745;

    height:53px;
    line-height: 53px;
}

Answer 1

为.navigation background-color 。 这样写：

.navigation {    
    background: #484745;
}

检查此： jsFiddle

Answer 2

问题出在你的背景上。 div的背景隐藏.navigation边框半径。 只需为.navigation添加背景（请参阅http://jsfiddle.net/nDEmS/18/ ）