수다닷컴

지금 이런식으로 페이지를 만들려고 합니다. (가로세로 100%)
네비게이션은 div1에 소속(?) 되어있게 하고 속성을 fixed로 지정해서 고정되어있게 하려고 하는데...div1에 소속되어있으면 그안에서만 마진이 먹어야 하는데 100%로 근데 마진 탑을 45%이상으로 줘버리면네비게이션녀석이 div1에서 벗어나 버리네요이게 왜그런건지 좀 알고싶습니다.물론 마진탑을 45% 이하로 주면 되긴 하지만 원인을 알고싶어요 ㅠㅠ숫자에좀민감해서 ㅋㅋㅋㅋㅋ;그냥 할까도 생각해봤지만 질문해서 이유를 알고싶어 올려봅니다.^^ 알려주시면 감사하겠습니다.^^
HTML
!DOCTYPE htmlhtmlheadtitle123123/titlemeta charset=utf-8
link href=css/ver2.css rel=stylesheetlink href=css/mobile.css rel=stylesheetscript src=scripts/jquery-1.9.0.js/scriptscript src=scripts/test.js/script/head
body
div id=wrap div id=main1오냐 div id=navigation123/div/div div id=main2안/div div id=main3녕/div div id=main4하/div div id=main5세/div div id=main6요/div/div

/body/html

CSS
html,body {width: 100%; height: 100%; margin: 0px 0px 0px 0px;}
#wrap {width: 100%; height: 100%;}#main1 {width: 100%; height: 100%; position: relative; background: #00F;}#main2 {width: 100%; height: 100%; position: relative; background: #0FF;}#main3 {width: 100%; height: 100%; position: relative; background: #F0F;}#main4 {width: 100%; height: 100%; position: relative; background: #0F0;}#main5 {width: 100%; height: 100%; position: relative; background: #000F;}#main6 {width: 100%; height: 100%; position: relative; background: #000FFF;}
#main1 #navigation {width: 5%; height: 5%; background: #FF0; margin-top: 45%; margin-left: 45%; position: absolute;}

신청하기