http://pds5.egloos.com/pds/200703/26/09/222.jpghttp://pds4.egloos.com/pds/200703/26/09/111.jpg일종의 미디어 플레이어 자바스크립트 구현인데요..

레이어 안에 음량 조절 버튼 그림을 넣어두고,
레이어의 속성을 position:absolute로 둔 다음
자바스크립트를 활용해 특정 위치로 초기화 해주고, 사용자가 드래그로 음량 조절이 가능하게 되어있습니다.

<!--
<div id=pTrc style="position:absolute; width:14px; height:10px; z-index:3; visibility: hidden; top: 200px;">
<img src="images/track_p.gif" width="14" height="10" style="CURSOR: hand"  alt="진행상황" name="Image2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/trackc_p.gif',1)">
</div>


이런식으로 페이지상에 div태그가 코딩되어 있구요, 이렇게 미디어 플레이어 화면을 하나의 html페이지로 구현한 다음, 다른 페이지들에서는 iframe을 활용해서 불러다 쓰게 되어있습니다.

처음 불려질 때 초기화 함수가

document.all.pVol.style.top = 200 + " px";
document.all.pVol.style.left = 100 + "px";

이런 식으로 특정 위치로 레이어를 옮겨주고요.

문제는 저렇게 절대좌표로 잡았음에도 테스트 하는 pc에 따라 실제 화면에 보이는 좌표가 다르게 보입니다. 사용하는 브라우저는 둘 다 동일한 ie6이구요.. 마이너 버전까지 동일합니다.

<img src="http://pds4.egloos.com/pds/200703/26/09/111.jpg">
<img src="http://pds5.egloos.com/pds/200703/26/09/222.jpg">

혹시나 저 레이어의 스타일에서 top 좌표를 불러서 출력해보았는데, 좌표는 양쪽다 동일하게 나옵니다.
저런 문제를 겪으신 분들이 있나요??