[HTML] pobierz, plaintext 
<div id='player2' style='background: url(maps/player.PNG); width: 32px; height: 32px; position: relative; top: 128px; left: 128px; z-index:19;'></div>
 
<div id='player' style='background: url(maps/player.PNG); width: 32px; height: 32px; position: relative; top: 128px; left: 128px; z-index:20;'></div>
[HTML] pobierz, plaintext 

Ten kod powinien wyświetlać 2 obrazki w tym samym miejscu(jeden przysłaniany przez drugi), ale player wyświetla się niżej. Podejrzewam że to przez positon relative. Jak temu zaradzić?

[CSS] pobierz, plaintext 
position: absolute
[CSS] pobierz, plaintext 

?

Postać mi się przeniosła. Mogę bez obaw zwiększyć top i left, żeby była na środku mapy?

Raczej nie, elementem rodzica dla postaci powinien być tylko obszar mapy i to wtedy i tylko wtedy, gdy ma zawsze stałe wymiary, to wtedy możesz sobie ustawiać left/right/top/bottom na pixelach.

Testuj na różnych rozdzielczościach, to zobaczysz, że na każdej będzie w innym miejscu postać.

Rzeczywiście, przy powiększaniu (ctrl+) postać się przenosi. W takim razie jak mam temu zapobiec?

Odpuść sobie tę grę.

Może ktoś jednak pomoże?