Странный border-radius webkit’а.

Работал над проектом и заметил такую интересную особенность отображения border-radius’а в Safari.

Белые окантовки в скруглениях появляются на темном фоне, на светлых же они не заметны и я до этого никогда не придавал этому значения.

Случайным образом, уже после сдачи верстки, нашел решение этой проблемы.

Нужно прописать для элемента следующее:

-webkit-background-clip: padding-box;

Если border-radius > 18px, то окантовка все равно вылезет, но уже не так заметно.