How to make corners of openlayers with OSM map rounded?

[المشرف العام]

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:


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)



أكثر...