Mam obrazek 4959px X 4959px waży 2,38mb
html:
<div id="map" style="margin-left: -400px; margin-top: -275px; display: block; height:800px; width:500px;">
<div id="map_img" style="background-image: url(.../media/images/maps/map.gif); position: absolute; z-index: 100; left: -4157px; top: -4408px; "></div>
</div>
Pozycje left i top ustawiam zanim nadam elementowi map_img display:block
I po pojawieniu się tego elementu wygląda tak jakby w ogóle nie był przesunięty, ale w konsoli widzę zmienione wartości, dopiero gdy kliknę na ten element przeglądarka wyświetla go dobrze.