How to make cross-browser layout (position on Safari)?

Question

safari

Hello everyone, the question arose, I do not understand how to solve it.
There is a task to make a menu, and so that a triangle glows from the bottom in the middle of the menu sub-item, an example is here cssdeck.com/labs/full/dbticalk , and everything works well in chrome and fox, but for some reason my triangle climbs to the left on safari. Maybe someone faced such a problem?

Answer 1

resp-tab-item should be set to position:relative;
and for :after you need bottom:-12px; left:50%; margin-left: -12px;