Webpage rendering very differently on different browsers

Like my title says, my webpage which has a coupl开发者_开发百科e position:relatives that look perfect in google chrome and firefox are offset in safari. Is there a way in my css to counter-act this offset? I'm not even sure why it's happening.

have you tried using a css reset?

by using a reset you can set the margins and padding of all elements to 0. 0 is the one number that all browsers agree on...from there you will have to add margins and padding to the elements but you should achieve a consistent look in different browsers