[GIS] How to make corners of openlayers with OSM map rounded

openlayers-2openstreetmapstyle

I'm trying to apply style with border-radius:XXpx to my openlayers map:

map = new OpenLayers.Map(name)
map.addLayer(new OpenLayers.Layer.OSM())

But rounded corners are hidden by tiles of the map:
screenshot

Is there any way to resolve this?

UPD:

There are following styles applied to my div:

<div id="map"></div>

styles:

#map {
    border: solid 1px red;
    border-radius: 10px;
    overflow: hidden;
}

And overflow:hidden does not help

UPD 2

I can't make this code to work in Chrome (several versions)

Best Answer

Mozilla / Safari / IE

#map {
    border-radius: 10px;
    overflow: hidden;
}

Chrome

#map {
    border-radius: 10px;
    overflow: hidden;
}

#map div canvas{
    border-radius: 10px;
}