모바일 홈페이지 제작중에 상단에 전체메뉴클릭시 한가운데 있지 않고 어긋나 있습니다. 채택완료

http://m.iadmax.co.kr/">http://m.iadmax.co.kr/

오류주소는 다음과 같습니다.

메뉴보기 버튼을 안눌러도 자동적으로 메뉴가 나와있습니다.

다시 메뉴버튼을 눌러도 메뉴가 들어가지 않습니다..ㅠㅠ.

그리고 전체메뉴 레이아웃 위치가 맞지않습니다. 전체메뉴떄문에 메인페이지가 옆으로 밀려나 버립니다.

위의 두 가지 사항을 수정하고 싶습니다. 아직 CSS가 많이 어렵습니다.^^. 가르침 부탁드립니다.

오류가 발생하고 있는 전체메뉴의 소스는 다음과 같습니다.

<div id="menuListArea" style="position: absolute; top: 61px; left: 190.5px; width: 640px; height: 979px; z-index: 99999; display: block;"><div id="menuListAreaContent" style="position: relative;"><style type="text/css">
.list_box{margin:0 auto;width:96%; outline:4px solid #c9c9c9; position:relative; background-color:#f2f2f2;}
.arrow{position:absolute; right:20px; top:-18px;}
.list_box ul{width:94%; padding:0 3%;}.list_box li{border-top:1px solid #d3d3d3;}
.list_box dl{padding:15px 0px; display:inline-block;}
.list_box dt{text-align:left; color:#d1323c; font-weight:bold; font-size:14px;}
.list_box dd {display:inline;}
.list_box dd a{ float:left; color:#313131; padding:1% 0 ;}
.list_box .c_eaeaea{color:#b5b5b5; padding:0 10px;}


</style>
<div class="list_box"><p class="arrow" style="margin: 0px;"><img src="http://m.kor03m-15-0184.whoisgh.com/images/kor03m-15-0184/m/arrow_bg.png">http://m.kor03m-15-0184.whoisgh.com/images/kor03m-15-0184/m/arrow_bg.png"></p>
    <ul>
        <li style="border: 0px currentColor; border-image: none;">
            <dl>
                <dt>COMPANY</dt>
                <dd><a href="http://m.kor03m-15-0184.whoisgh.com">http://m.kor03m-15-0184.whoisgh.comhttp://m.kor03m-15-0184.whoisgh.com/mobile/?act=info.page&pcode=sub_1_1" target="_blank">http://m.kor03m-15-0184.whoisgh.com/mobile/?act=info.page&pcode=sub_1_1">인사말<font class="c_eaeaea">|</font></a></dd>