css border-radius is not applied
===

CSS border radius is not applied on navigation wrapper. Any ideas why?

Code: http://jsfiddle.net/nDEmS/

**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;
    }