안녕하세요.

2개의 레이어가 각기 다른 html 파일에 위치해있습니다.
문제점은 2개의 레이어가 겹친다는것인데 레이어의 앞뒤를 원하는대로 조정할수가 있는지요.

<div id="layer1" style="background-image:url('http://hellowow.nabia.net/wow/image/model/061020.gif'); width:254px; height:485px; position:absolute; left:763px; top:73px; z-index:1; visibility:visible;">
    <p> </p>
</div>
<div id="layer2" style="background-image:url('http://hellowow.nabia.net/wow/image/model/061020.gif'); width:254px; height:485px; position:absolute; left:763px; top:73px; z-index:2; visibility:visible;">
    <p> </p>
</div>

제가 알기론 z-index:숫자 가 앞뒤를 결정한다는걸로 아는데
레이어가 각기 다른 파일에 걸려있어서 안되는건지 궁금합니다.