Loose element position after screen getting bigger or smaller


When I change screen resolution through keyboard ,an div element (social tabs) looses its position .From right go to left …the code I use is #social-tabs {position:relative; left: 80em;top:4em;} and #social-tabs img {height: 27px;width: 27px;}

What should I do to stop elements moving when screen getting bigger or smaller?


FIXED: I put <DIV> element (social media buttons) above /header ,not inside <body>