when we use google maps to display maps can not make round edges
Issue only on chrome
HTML
<div id="mapframe">
<div id="map"></div>
</div>
CSS
#mapframe {
margin: 50px;
width: 290px;
height: 290px;
overflow: hidden;
border: 10px solid #fff;
border-radius: 200px;
box-shadow: 0px 0px 1px #555;
}
#map {
width: 290px;
height: 320px;
border-radius: 200px;
}