사진에서 보시다시피 왼쪽의 메뉴를 밀어서 숨겨버리고 상단의 메뉴를 위로 밀어서 숨겨버리고 싶은데

어떻게하면 할수있지를 모르겠네요.나름 지식인도 찾아보면서 온갖것들을 넣어보고 수정을 해보았지만 페이지가 위로 밀려나기만하고

도통 메뉴랑이 숨어질 생각을 안하더군요.....

태그는 이러합니다.

<div class="layout-controller" style="top: 400px; height: 100px; right: -400px; line-height: 1; position: fixed;" sizcache="5" sizset="0" >
<DIV id="main" style="width: 420px; height: 936px; position: absolute; left: 300px; top: 530px; z-index: 2; overflow-y:scroll;">
<IFRAME src="http://www.ygosu.com/community/?bid=notice" marginwidth="0" marginheight="0" name="m" allowtransparency="true" frameborder="0" height="920" scrolling="no" width="745"></IFRAME>
</DIV>

이렇게 되있는데 저기에서 수정을 해봐도 메뉴랑은 안숨어지도 되려 저 페이지가 다른위치로 이동해버립니다.

참고로 배경을 삽입하고 ygosu.com이라는 페이지를 불러온겁니다.