css3 округлые границы странности

Question

Здесь - страница, над которой я работаю. В Chrome, FF4 и ночных веб-китах эллипсис внизу слева выглядит хорошо, в FF3 они выглядят закругленными сверху и снизу, прямые стороны, а в Safari 5 они прямоугольные. (Я не смотрел ни в каких других браузерах)

Есть ли способ заставить Safari 5 и FF3 играть хорошо?

Обновление:

Установка радиуса с помощью следующих параметров заставляет Safari 5 работать как FF3, закругленный верх и низ с прямыми сторонами.

-moz-border-radius: 1000px;
-webkit-border-radius: 1000px;

Таким образом, остающаяся проблема заключается в том, что многоточие не является эллиптическим в FF3 или Safari 5.

Update2:

Похоже, у FF3 и Safari5 есть проблемы с границами, и как они рассчитываются, нет способа исправить обнаруженную мной проблему.

Answer 1

Используйте px радиус вместо%, и проблема исчезнет (кажется, что она работает для орбитального аппарата в Safari в инспекторе разработчиков)

Похоже, вы пересчитываете ширину и высоту объекта орбиты.может пересчитать радиус одновременно.

Ps Приятно знать, что% radius не работает одинаково во всех браузерах, неплохо найти