[Resolvido] Posicionando layers de forma correta

Sou novo aqui, então não sei se criei o tópico dentro dos padrões. (Favor me avisar antes de deletá-lo se não estiver http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif )

Primeiramente, já li várias vezes o tutorial criado pelo Leandro Vieira em:

http://imasters.com.br/artigo/4476/dre...nto_das_layers/

Sou iniciante em webdesign, e meu projeto de estágio para a conclusão do curso téc. em informática é o site da Lan House onde trabalho. Digamos que eu aprendi o suficiente pra me virar em HTML, Flash e edição de imagens no Photoshop, mas ainda estou com bastante dificuldade em se tratando de CSS (pois na verdade esta linguagem nem foi tópico durante o curso), e meu orientador de estágio do curso técnico não está muito disposto a encarar CSS <_<

Então, tive que recorrer à ajuda de quem entende, e tive várias indicações sobre a IMASTERS, gostei mesmo desse fórum.

Bom, vamos ao que interessa:

Observem como meu index está disposto:

http://www.cjb.net/images.html?6c679.jpg

Preciso fazer com que a layer "loja" fique exatamente após a imagem "A Loja" no menu, de modo que eu passando o mouse sobre esta, a layer que no caso é um submenu, apareça em seu devido lugar. Já tentei seguir alguns tutoriais de CSS mas não tive resultados, só quebro a cabeça tentando resolver e por isso venho pedir uma ajuda, se alguém se dispuser a ajudar. O meu objetivo é posicionar a layer de modo que fique no lugar certo mesmo que a resolução do usuário seja diferente de 1024x768 e o browser seja tanto o Firefox como o Internet Explorer.

Obs.: também vou ter de fazer o mesmo entre a layer "servicos" e a imagem no menu "Serviços"

Desde já, agradeço e fico no aguardo.