메뉴 구성 중인대 정렬 질문 드림니다.

홈페이지 상단 메뉴 전체 크기는 740px 입니다.

서브 메뉴(2단 메뉴) 노출시 오른쪽이 오버 되어 버리는대

상단 메뉴 인 오렌지색 크기 740px 안에 표기 되게 하기 위해서 css 어떻게 수정해야 할까요..?

==================================================

/* 메인메뉴 -  */
#gnb {position:relative; width:740px; height:30px; background:url('../img/bg_menu.gif') no-repeat;}
#gnb_empty a {text-decoration:underline}
#gnb_1dul {margin:0 auto !important; padding:0; max-width:743px; zoom:1; }
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:"";}

.gnb_1dli {z-index:10; position:relative; float:left; margin:0 0 0 30px; padding:0 0 0 20px;}   /* 주 매뉴 정렬 */

.gnb_1da {display:inline; margin:0 auto; height:30px; padding:8px 0;color:#fff; font-size:14px; font-weight:bold; line-height:2em; text-decoration:none; } /* 기본설정 */
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none;}/* 주 메뉴 마우스 on 색상 background:#fff*/

.gnb_1dli_air .gnb_1da {color:#fff;}
.gnb_1dli_on .gnb_1da {color:#fff;}/* 주 메뉴에서 하단 메뉴 마우스 on 글,배경 색상 */

.gnb_2dul {display:none; position:absolute; top:30px; width:740px; }/* 2차 메뉴 전체 크기 */
.gnb_2da {display:block; float:left; padding:5px 5px; text-decoration:none;} /*float:left; 매뉴가로출력*/

.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {color:#868686}/* 부 메뉴 색상 */

.gnb_2da:focus, .gnb_2da:hover {color:#232323; font-weight:bold; text-decoration:none}/* 2차 메뉴 오버시 배경색 글자색 */
.gnb_1dli_over .gnb_2dul {display:inline-block;left:0;background:#fff}/* 2차메뉴 배경색*/
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#666}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}​