CSS / Absolute Positioning Wont Work for Safari -

CSS / Absolute Positioning Wont Work for Safari -

i building wordpress site , trying absolutely position social media icons on bottom right site >60em , top right <60em screen resolution. follow code works fine in browsers , os except safari. not sure what's going on. thoughts?

site: http://www.itsjustchicken.com (see instagram icon on right)

.social-icons { margin: 1% 1%; position: absolute; bottom: 0; right: 0; } @media (max-width: 60em) { .social-icons { margin: 1% 1%; position: absolute; top: 0; right: 0; } }

try this:

@media screen , (max-width: 60em) { .social-icons { margin: 1% 1%; position: absolute; top: 0; right: 0; } }

css safari position absolute