다른 홈에서 퍼온 메뉴 설정에 관한 css 수정부탁드려요..

다른 홈에서 메뉴를 퍼왔는데요... 그대로 가져와서 메뉴 부분만 따로 빼내어 제 홈에 적용시킬려고 합니다...

근데요.. 이 메뉴만 단독으로 실행시키면 잘되거든요.. 충분히 수정해서 쓸수 잇도록 소스를 잘 건져왔구나 라고 생각했는데요.. 이걸 홈에 인쿠르드 시켜보면 그림과 같이 나와요..ㅠㅠ

처음 그림이 단독 실행했을때의 캡쳐구요.. 두번째그림이 그걸 홈 head에 include("mene.php") 시켯을때의 캡쳐입니다.ㅠㅠㅠ

더 웃긴건 크롬에선 제데로 보여지네요... 소스 어디가 잘못된건지 CSS에는 문외한이라서요... 소스좀 봐주시면 안될가요? 부탁드립니다..ㅠㅠ

######################################################################

<style>
@import url( http://fonts.googleapis.com/earlyaccess/nanumgothic.css );
body { min-width: 100%; }

#wrap { -ms-word-break: keep-all; min-width: 100%;}
#top_nav {
 background: url("./images/menuCSS/nav_bg.gif") repeat-x left top;
 font: 0px/normal "Nanum Gothic";
 top: 90px; width: 100%;
 color: transparent; border-bottom-color: rgb(0, 0, 4); border-bottom-width: 2px; border-bottom-style: solid; position: absolute; z-index: 1000;
 min-width: 990px; font-size-adjust: none; font-stretch: normal;
}

#top_nav .DB_wrap { left: 50%; width: 990px; height: 49px; margin-left: -500px; position: relative; } 
#top_nav .DB_wrap .DB_main { float: left; }
#top_nav .DB_wrap .DB_main li { background: url("./images/menuCSS/nav_gap.gif") no-repeat left top; padding-left: 1px; float: left; }
#top_nav .DB_wrap .DB_main li.liStart { background: none; padding-left: 0px; }
#top_nav .DB_wrap .DB_main li a { padding: 0px 2px; height: 49px; overflow: hidden; display: block; }
#top_nav .DB_wrap .DB_main li.liStart a { padding: 0px 37px; } 
#top_nav .DB_wrap .DB_main li a:hover { background: rgb(8, 102, 198); }
#top_nav .DB_wrap .DB_main li a:hover img { margin-top: -70px; }
#top_nav .DB_wrap .DB_main li a.on { background: rgb(8, 102, 198); }
#top_nav .DB_wrap .DB_main li a.on img { margin-top: -70px; }
#top_nav .DB_mask {
     background: url("./images/menuCSS/nav_sbg.png");
  width: 100%; height: 209px; overflow: hidden;
  border-bottom-color: rgb(8, 102, 198); border-bottom-width: 2px; border-bottom-style: solid; display: none; position: absolute; z-index: 10000;
  min-width: 1100px;
}
#top_nav .DB_mask .DB_subSet { left: 50%; width: 990px; margin-top: 10px; margin-left: -500px; position: relative; }
#top_nav .DB_mask .DB_subSet ul { float: left; }
#top_nav .DB_mask .DB_subSet ul.smenu1 { width: 120px; }
#top_nav .DB_mask .DB_subSet ul.smenu2 { width: 120px; }
#top_nav .DB_mask .DB_subSet ul.smenu3 { width: 120px; }
#top_nav .DB_mask .DB_subSet ul.smenu4 { width: 120px; }
#top_nav .DB_mask .DB_subSet ul.smenu5 { width: 120px; }
#top_nav .DB_mask .DB_subSet ul.smenu6 { width: 120px;  }
#top_nav .DB_mask .DB_subSet ul:first-child { }
#top_nav .DB_mask .DB_subSet ul li { height: 23px; }
#top_nav .DB_mask .DB_subSet ul li a {
 padding: 3px 6px; width: 90%; color: rgb(255, 255, 255);
 letter-spacing: -1px; font-size: 14px;
 font-weight: bold; display: block; text-decoration: none; }

#top_nav .DB_mask .DB_subSet ul li a:hover {
 background: rgb(8, 102, 198); color: rgb(89, 175, 228);
 letter-spacing: -1px; font-weight: bold;
 text-decoration: none; }

#top_nav .DB_mask .DB_subSet ul li.DB_select a {
 background: rgb(8, 102, 198);
 color: rgb(255, 255, 255); letter-spacing: -1px; font-weight: bold; }
</style>

<DIV id="wrap">
<DIV id="top_nav">
<DIV class="DB_wrap">
<UL class="DB_main">
  <LI class="liStart"><A href="<?=$g4[path]?>"><IMG src="./images/menuCSS/nav_1.png"></A></LI>
  <LI><A href="<?=$g4[path]?>"><IMG src="./images/menuCSS/nav_2.png"></A></LI>
  <LI><A href="<?=$g4[path]?>"><IMG src="./images/menuCSS/nav_3.png"></A></LI>
  <LI><A href="<?=$g4[path]?>"><IMG src="./images/menuCSS/nav_4.png"></A></LI>
  <LI><A href="<?=$g4[path]?>"><IMG src="./images/menuCSS/nav_5.png"></A></LI>
  <LI><A href="<?=$g4[path]?>"><IMG src="./images/menuCSS/nav_6.png"></A></LI>
</UL>
</DIV>

<DIV class="DB_mask">
<DIV class="DB_subSet">
<UL class="smenu1">
  <LI><A href="<?=$g4[path]?>">서브메뉴 1-1</A></LI>
  <LI><A href="<?=$g4[path]?>">서브메뉴 1-2</A></LI>
  <LI><A href="<?=$g4[path]?>">서브메뉴 1-3</A></LI>
</UL>
<UL class="smenu2">
  <LI><A href="<?=$g4[path]?>">서브메뉴 2-1</A></LI>
  <LI><A href="<?=$g4[path]?>">서브메뉴 2-2</A></LI>
</UL>
<UL class="smenu3">
  <LI><A href="<?=$g4[path]?>">서브메뉴 3-1</A></LI>
  <LI><A href="<?=$g4[path]?>">서브메뉴 3-2</A></LI>
</UL>
<UL class="smenu4">
  <LI><A href="<?=$g4[path]?>">서브메뉴 4-1</A></LI>
  <LI><A href="<?=$g4[path]?>">서브메뉴 4-2</A></LI>
</UL>
<UL class="smenu5">
  <LI><A href="<?=$g4[path]?>">서브메뉴 5-1</A></LI>
  <LI><A href="<?=$g4[path]?>">서브메뉴 5-2</A></LI>
</UL>
<UL class="smenu6">
  <LI><A href="<?=$g4[path]?>">서브메뉴 6-1</A></LI>
  <LI><A href="<?=$g4[path]?>">서브메뉴 6-2</A></LI>
</UL>
</DIV>
</DIV>

</DIV>
</DIV>

<SCRIPT type="text/javascript">
  $('#top_nav').DB_naviFullWide({
   pageNum:null,           //메인메뉴 페이지인식(1~)
   subNum:null,            //서브메뉴 페이지인식(1~)
   subState:false,         //메뉴활성시 서브메뉴의 오픈유무(true,false)
   motionType:'slide',     //모션타입(none,fade,slide)
   motionSpeed:300,        //모션속도(밀리초)
   delayTime:200             //메뉴아웃시 되돌아가는 딜레이시간(밀리초)
  });
</SCRIPT>