홈페이지 제작을 하고 있는데요

http://flamingo.dothome.co.kr/xe/

홈페이지 주소에요ㅠㅠ!

html 초보라서 세세한 부분은 잘 몰라요ㅠㅠㅠ

제가 제 모니터상으로 볼때는 메뉴바+로그인입력 부분이랑 밑에 content부분이랑 딱 맞는데요 

다른 모니터는 해상도가 틀려서 그런지 메뉴바가 한참 앞에 나와있더라구요

또 제 모니터에서도 페이지 확대를 하니까 메뉴바가 콘텐트랑 같이 방향으로 확대가 되는게 아니고 메뉴바가 앞으로 나오는 현상을 해결하고 싶어요ㅠㅠㅠㅠ

어떤 부분을 손봐야 확대를 했을 때 함께 움직일까요? 미관상 보기 안좋아서 고민이에요ㅠㅠ제발 도와주세요 며칠째 이거때문에 앓고있어요

혹시 몰라서 css부분도 같이 첨부할게요! 

.body{

width:800px;

position:absolute;

float:center;

border:1px solid #bababa; 

box-shadow : 5px 5px 0px #bebebe; 

min-height:300px; 

background-color:rgba(255,255,255,0.5); 

height:auto;

margin-left:299px;

margin-bottom:50px;

margin-top:90px;}

메뉴부분

.gnb, .gnb ul, .gnb li, .gnb a{padding:0px;margin-top:80px;font-family:"Tahoma",'Malgun Gothic';}

.gnb{float:center;position:static;width:1000px;margin-bottom:-50px;margin-left:-160px;margin-top:-200px;}

.gnb ul{list-style-type:none;}

.gnb li{display:inline-block;text-align:center:1px;width:auto;height:20px;}

.gnb>ul{}

.gnb>ul>li{}

.gnb>ul>li>ul{display:none;position:relative;z-index:200;background-color:rgba(255,255,255,0.8);color:#313131;}

.gnb>ul>li>ul>li{display:block;color:#313131;}

.gnb>ul>li a{display:block;padding:10px 20px;margin-right:5px;background-color:rgba(255,255,255,0.4);}

.gnb>ul>li>a:link {text-decoration:none;}

.gnb>ul>li>a:hover, .gnb>ul>li>a:active{color:#F8F8F8;text-decoration:none;background:#d9a2a2;letter-spacing:5px; text-shadow:3px 3px 2px #ff5252;

transition: all 0.6s ease;

-webkit-transition: all 0.6s ease;

-o-transition: all 0.6s ease;

-moz-transition: all 0.6s ease;

-ms-transition: all 0.6s ease;}

.gnb ul li:hover>a{color:#fff;background:#d9a2a2;text-decoration:none;

transition: all 0.6s ease;

-webkit-transition: all 0.6s ease;

-o-transition: all 0.6s ease;

-moz-transition: all 0.6s ease;

-ms-transition: all 0.6s ease;

}

.gnb>ul>li>ul>li>a:link, .{color:#fff;text-decoration:none;}

.gnb>ul>li>ul>li>a:hover, .gnb>ul>li>ul>li>a:active{color:#fff;text-decoration:none;background:#cd7d7d;

transition: all 0.6s ease;

-webkit-transition: all 0.6s ease;

-o-transition: all 0.6s ease;

-moz-transition: all 0.6s ease;

-ms-transition: all 0.6s ease;

}

.gnb li:hover ul{display:block;

transition: all 0.6s ease;

-webkit-transition: all 0.6s ease;

-o-transition: all 0.6s ease;

-moz-transition: all 0.6s ease;

-ms-transition: all 0.6s ease;

}

.gnb .active a{background:#cd7d7d;}

acoount부분

.account {float:center;margin-top:350px;margin-bottom:50px;margin-left:-145px;position:relative;}