Safari - 1px line above/below Shape divider

Affected browser(s) Safari
Affected slider type All
Official bug report View
Status Awaiting for fix
Available workaround Yes

Problem description

Safari renders the Shape dividers wrongly, when they're after an element which height is not an integer but a fraction. (So it's like 60.5px.) The rendering problem causes a 1px line to appear above or below the shape divider.


Make sure that the element before the shape divider has an integer height. E.g.:

Where the .top-element selector is the selector of the element that has fraction height.