제로나라 님의 메뉴스킨에서 채택완료

아래 제로나라 님의 메뉴를 사용하고자 하는데요.

http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=6687">http://sir.co.kr/bbs/board.php?bo_table=g5_skin&wr_id=6687

메뉴에서 재일 마지막 부분 마우스 오버시, 서브부분이 밖으로 나가는데, 이걸 왼쪽으로 나타나게 할수 없을까요?

아래 이미지처럼요.

아래는 스타일 소스입니다.

스타일 소스

#cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a {   margin: 0;   padding: 0;   position: relative; } #cssmenu {   background: #3366cc;   border-bottom: 2px solid #db000b;   width: auto;   margin-bottom:10px; } #cssmenu:after, #cssmenu ul:after {   content: '';   display: block;   clear: both; } #cssmenu a {   background: #3366cc;   color: #ffffff;   display: block;   font-family:'MS PGothic', Osaka, Tahoma, '굴림', Gulim, SimSun, Arial, sans-serif;   text-decoration: none; } #cssmenu ul {   list-style: none; } #cssmenu > ul > li {   display: inline-block;   float: left;   margin: 0;   width:97px;   height:42px;   line-height:42px;   text-align:center; } #cssmenu.align-center {   text-align: center; } #cssmenu.align-center > ul > li {   float: none; } #cssmenu.align-center ul ul {   text-align: left; } #cssmenu.align-right > ul {   float: right; } #cssmenu.align-right ul ul {   text-align: right; } #cssmenu > ul > li > a {   color: #fff;   font-size: 15px;   font-weight:bold; } #cssmenu > ul > li:hover:after {   content: '';   display: block;   width: 0;   height: 0;   position: absolute;   left: 50%;   bottom: 0;   border-left: 10px solid transparent;   border-right: 10px solid transparent;   border-bottom: 10px solid #db000b;   margin-left: -10px; } #cssmenu > ul > li:first-child > a { } #cssmenu.align-right > ul > li:first-child > a, #cssmenu.align-center > ul > li:first-child > a { } #cssmenu.align-right > ul > li:last-child > a { } #cssmenu > ul > li.active > a, #cssmenu > ul > li:hover > a {   color: #fff; } #cssmenu .has-sub {   z-index: 1; } #cssmenu .has-sub:hover > ul {   display: block; } #cssmenu .has-sub ul {   display: none;   position: absolute;   width: 180px;   top: 100%;   left: 0; } #cssmenu.align-right .has-sub ul {   left: auto;   right: 0; } #cssmenu .has-sub ul li {   *margin-bottom: -1px; } #cssmenu .has-sub ul li a {   background: #db000b;   border-bottom: 1px dotted #ff0f1b;   font-size: 12px;   filter: none;   display: block;   line-height: 120%;   padding: 10px;   color: #ffffff;   text-align:left; } #cssmenu .has-sub ul li:hover a {   background: #a80008; } #cssmenu ul ul li:hover > a {   color: #ffffff; } #cssmenu .has-sub .has-sub:hover > ul {   display: block; } #cssmenu .has-sub .has-sub ul {   display: none;   position: absolute;   left: 100%;   top: 0; } #cssmenu.align-right .has-sub .has-sub ul, #cssmenu.align-right ul ul ul {   left: auto;   right: 100%; } #cssmenu .has-sub .has-sub ul li a {   background: #a80008;   border-bottom: 1px dotted #ff0f1b; } #cssmenu .has-sub .has-sub ul li a:hover {   background: #8f0007; } #cssmenu ul ul li.last > a, #cssmenu ul ul li:last-child > a, #cssmenu ul ul ul li.last > a, #cssmenu ul ul ul li:last-child > a, #cssmenu .has-sub ul li:last-child > a, #cssmenu .has-sub ul li.last > a {   border-bottom: 0; } ​