Dificuldade com posicionamento de imagens (Style)

Oi pessoal, tudo bem ?

Eu to com uma dificuldade muito grande pra mudar a posição de uma imagem na tela

Por exemplo eu tenho essa imagem

a href="sons.html" title="Sons"><img src="/claveseventos/imagensoficiais/iluminacao.png" alt="Sons" title="" id="id8" style="background:transparent; left: 459px; position: relative; top: -54px; z-index: 1"; /></a>
Usando o firebug, eu modifico o top e o left pra colocar a imagem exatamente aonde eu quero, porém eu to perdendo os cabelos aqui porque eu mudo uma, a outra muda sozinha. Ja tentei começar uma página do 0 , mas da a mesma coisa.

As duvidas são

1 - Queria saber se existe um tutorial que possa usar, ja que a dificuldade de explicar o problema dificulta a procura de uma solução

2 - Existe um programa como firebug, que permita eu ver o posicionamento da imagem antes de coloca-la ?

Obrigado a todos