float'sız div'leri koyarken margin:0 auto; yaparak ortada tutmayı başarabiliyorum fakat float:right işin içine girince monitörün çözünürlüğe göre kaymalar oluyor.
aşağıdaki gibi tam çizgisinde durmasını ve tüm ekran çözünürlüklerinde aynı konumlandırma yapmasını nasıl sağlayabilirim?

css
.f {
height:38px; width:38px;
float:right; padding:5px; margin-right:13.8em;
background-image:url(../resim/sm/f.png);
background-position:center center;
background-repeat:no-repeat; transition:.5s;
}



mesela burada 1440x900'e göre yaptığım için margin-right:13.8em; ekledim
http://tasarim.keremer.com.tr/demo

Ek Olarak: ÇÖZÜLDÜ

logoları ul li kullanarak tablo gibi gösterip float:right;'ı kaldırdım oldu.
telefon ve facebook ikonunlarını ayırmak için margin-left kullandım.
css linki: http://tasarim.keremer.com.tr/demo/css/stil.css