Pomjeranje sadrzaja kada zoomiram(zoom in & zoom out)

Pozdrav, zbog cega mi se neki sadrzaj pomjera nakon sto zumiram, ?
Trazio sam i vidio sam da su neki rekli da koristim % ali opet mi se pomjerao ?
HTML:

<div id="social">
		<a class="fb" href="https://www.facebook.com/" target="_blank"></a>
		<a class="yt" href="http://www.youtube.com/" target="_blank"></a>
	</div>

CSS:

body #header #social {
margin-top:-180px;
margin-right:80px;
display: inline-block;
z-index:999999;
float:right;

}
body #header #social a.fb{
background: url(‘img/fb.png’) no-repeat;
display: block;
width: 48px;
height: 48px;
float: left;
margin-top:-50px;
margin-left:-150px;
}
body #header #social a.yt{
background: url(‘img/yt.png’) no-repeat;
display: block;
width: 48px;
height: 48px;
float: left;
margin-top:-50px;
margin-left:-100px;
}

Evo slike da bi vam bilo jasnije:

Ovako je normalno: SLIKA NORMALNO

A ovako je kad malo zoom out: SLIKA KAD ZOOM OUT

imaš li live stranicu ne može ti ovako nitko ništa reći možemo samo nagađat.

http://uteamit.com/maunbo/

A i ne čudi me što ti bježi , bježi ti sve. Ako učiš nastavi učit jer ovo je živi mess. Nemogu ti pomoć u ovoj situaciji,vidio sam da imaš center tag u HTML-u.

Pa šta da radim ? Kako da ne bude zivi mess ? I sta smeta center tag ?

Uči i neće biti mess ili plati nekom ako ti treba stranica da ti to napravi što hoćeš, ja ne znam šta bi ti drugo rekao nakon ovog.

Free bootstrap web templates i nadi neki koji ti pase i doradi ga eto ako zelis brzinski…

Sta si ti radio s ovim marginama to samo bog zna

a ovo je najjace

ne znam ni sam.
sto sta fali ako sam kao img save lakse a isto mi dode.

da bas je isto onda iseci i postavi ceo sajt kao sliku