Проблема с радиусом границы CSS3, когда положение / размеры не на всю ширину

Question

Заметил проблему с закругленными углами в CSS3, когда позиция и / или размеры не являются целым числом.Не уверен, что это связано с браузером или CSS.

В настоящее время прикрепление ярлыка к значкам на Картах Google.Иногда позиция делает очень небольшое изменение, вызывая неправильную визуализацию позиции прикрепленной метки (div с радиусом границы CSS3).Посмотрите:

Обратите внимание на то, как 6 отсутствует нижний ряд пикселей, который был визуально добавлен в верхнюю часть div.Но 7 - это нормально и целое.

Код, относящийся к каждому ярлыку:

// Implement draw
Label.prototype.draw = function() {
     var projection = this.getProjection();
     var position = projection.fromLatLngToDivPixel(this.get('position'));
     var div = this.div_;
     div.style.left = position.x + 'px';
     div.style.top = position.y + 'px';
     div.style.display = this.get('display');
     div.style.zIndex = this.get('zIndex'); //ALLOW LABEL TO OVERLAY MARKER
     this.span_.innerHTML = this.get('text').toString();
};

Есть мысли или исправления?Проблема в Javascript, GMaps, браузере или CSS?Спасибо!

Answer 1

Используйте целые числа при позиционировании с пикселями, поскольку они являются абсолютным измерением.