Merhaba! CSS hakınnda takıldığım bir yer var yardım edebilir misiniz?

Dreamweaver'da logonun göründüğü yer:



Firefox'da logonun göründüğü yer:



CSS Kodları:
.resim{
background-image:url(images/logo.png);
width:150px;
height:130px;
background-repeat:no-repeat;
position: absolute; /*ortalama başlangıç*/
left: 25%;
top: 75px;
margin-left:-75px;
}

HTML Kodları:



.........


Neden iki yerde farklı bir görüntü alıyorum?



Ek olarak: left:125px; verdiğim zaman istediğim sonucu alıyorum. Fakat bu sefer başka bilgisayarlarda kayma sorunu oluyor. :)
Şimdi ise % olarak denedim. Sonuç ise...