I didn’t feel like to investigate too much so I did what my Pavlov reflex told me: reboot. And to my surprise, everything got back to normal.

Thanks

var fMapBounds = new google.maps.LatLngBounds();
function PlotMarker(Position) { //add a marker to map
var latlng = new google.maps.LatLng(Position.Longitude);
var googMarker = new google.maps.Marker({
position: latlng,
map: map,
});
fMapBounds.extend();
return googMarker;
}

function CenterMap() { //just fit it
if (fMapBounds!= undefined) {
map.fitBounds(fMapBounds);
}
}

-webkit-border-radius: 5px 5px 0px 0px;

At the time of writing this Firefox no longer needs -moz- for border-radius, chrome and safari no longer need -webkit-.

something else of interest i found out,

if you want to add radial corners to images, and a border following, only firefox seems to work properly. the other browers ignore the radial on the image and only apply ito to the border. e.g;

#image img{
border-radius: 20px 20px 20px 20px;
border: 3px solid white;
}


only works in firefox. However:

#image img{
border-radius: 20px 20px 20px 20px;
}

#image img{
border: 3px solid white;
}


repeating the div in css with the border styles split between them seems to fix the issue. hopefully this will be patched in webkit browsers soon