div가 해상도에 따라 변합니다...

부메뉴로 ap-div를 시리즈로 만들어서 만들고 있습니다.

그런데 화면을 늘일때의 위치와 줄일때의 위치가 바뀝니다.

사진을 첨부해 드리겠습니다.

요즘 홈페이지를 좌측에서 중앙으로 만들고 있는데요..

단순히 <table width="965" align="center" border="0" cellspacing="0" cellpadding="0"> 에서 align="center" 만 넣어주면 되나요?


이러고 나서 조금 이상해 진것 같기도 하구요..

답변 부탁드려요^^

감사합니다~


<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
#apDiv1 {
position:absolute;
left:738px;
top:73px;
width:499px;
height:23px;
z-index:1;
visibility: hidden;
}
-->
</style>


<div id="apDiv1" onmouseover="MM_showHideLayers('apDiv1','','show')" onmouseout="MM_showHideLayers('apDiv1','','hide')"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_sg','','img/main_sub/sg_sg2.gif',1)"><img src="img/main_sub/sg_sg.gif" name="sg_sg" width="97" height="23" border="0" id="sg_sg" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_bow','','img/main_sub/sg_bow2.gif',1)"><img src="img/main_sub/sg_bow.gif" name="sg_bow" width="99" height="23" border="0" id="sg_bow" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_inner','','img/main_sub/sg_inner2.gif',1)"><img src="img/main_sub/sg_inner.gif" name="sg_inner" width="97" height="23" border="0" id="sg_inner" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_family','','img/main_sub/sg_family2.gif',1)"><img src="img/main_sub/sg_family.gif" name="sg_family" width="99" height="23" border="0" id="sg_family" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sg_way','','img/main_sub/sg_way2.gif',1)"><img src="img/main_sub/sg_way.gif" name="sg_way" width="107" height="23" border="0" id="sg_way" /></a></div>