// CSS Style

#menuh-container
    {
    position:  relative;
    margin: 0;
    padding: 0;
    width:1116px;
    }

#menuh
    {
    font-size: 90%;
    font-family: helvetica, "Trebuchet MS",arial, sans-serif;
    font-weight: bold;
    width:100%;
    float:left;
    margin-bottom:0px;
    color: #333;
    background:  #010112;
    }
       
#menuh a
    {
    text-align: left;
    display:block;
    height:20px;
    white-space:nowrap;
    margin:0;
    padding: 0.6em 0.2em 0.6em 0.4em;
    }
   
#menuh a, #menuh a:visited    /* menu at rest */
    {
    color: #fff;
    background: #010112;
    text-decoration:none;
    }
   
#menuh a:hover    /* menu at mouse-over  */
    {
    color: #FFF;
    background: #232328;
    }   
           
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
    {text-transform: uppercase;
    /* background-image: url("./images/overmenu3.gif");*/
    background-position: right center;
    background-repeat: no-repeat;
    }
   
#menuh a.parent, #menuh a.parent:hover     /* attaches side-arrow to all parents */
    {
    /* background-image: url("./images/overmenu3.gif"); */
    background-position: right center;
    background-repeat: no-repeat;
    }


#menuh ul
    {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
    width:186px;    /* width of all menu boxes */
    }

#menuh li
    {
    position:relative;
    }

#menuh ul ul
    {
    position:absolute;
    z-index:500;
    top:auto;
    display:none;
   
    margin: 0;
    }

#menuh ul ul ul
    {
    top:0;
    left:100%;
    }

div#menuh li:hover
    {
    cursor:pointer;
    z-index:100;
    }

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}



// HTML
 <div id="menuh-container">
    <div id="menuh">
      <ul>
        <li><a href="" class="top_parent">&nbsp; 처음 화면으로</a></li>
      </ul>
      <ul>
        <li><a href="http://www.gamtaku.com/category/게임뉴스" class="top_parent">&nbsp; 게임뉴스</a>
          <ul>
            <li><a href="http://www.gamtaku.com/category/게임뉴스/하드웨어">&nbsp; 하드웨어</a></li>
            <li><a href="http://www.gamtaku.com/category/게임뉴스/소프트웨어">&nbsp; 소프트웨어</a></li>
            <li><a href="http://www.gamtaku.com/category/게임뉴스/기타">&nbsp; 기타</a></li>
            <li><a href="http://www.gamtaku.com/category/게임뉴스/화제거리">&nbsp; 화제거리</a></li>
          </ul>
        </li>
      </ul>
      <ul>
        <li><a href="http://www.gamtaku.com/category/게임잡설" class="top_parent">&nbsp;  게임잡설</a>
          <ul>
            <li><a href="http://www.gamtaku.com/category/게임잡설/주절거림">&nbsp; 주절거림</a></li>
            <li><a href="http://www.gamtaku.com/category/게임잡설/연재">&nbsp; 연재</a></li>
          </ul>
        </li>
      </ul>
    <ul>
        <li><a href="http://www.gamtaku.com/category/게임정보" class="top_parent">&nbsp; 게임정보</a>
            <ul>
                <li><a href="http://www.gamtaku.com/category/게임정보/리뷰">&nbsp; 리뷰</a></li>
                <li><a href="http://www.gamtaku.com/category/게임정보/프리뷰">&nbsp; 프리뷰</a></li>
                <li><a href="http://www.gamtaku.com/category/게임정보/플레이일지">&nbsp; 플레이일지</a></li>
                <li><a href="http://www.gamtaku.com/category/게임정보/오픈케이스">&nbsp; 오픈케이스</a></li>
            </ul>
        </li>
    </ul>
    <ul>
        <li><a href="http://www.gamtaku.com/keylog" class="top_parent">&nbsp; 게임 DB</a>    </li>
    </ul>
    <ul>
        <li><a href="http://www.gamtaku.com/notice/2511134" class="top_parent">&nbsp; ..about Blog</a>
            <ul>
                <li><a href="http://www.gamtaku.com/category/공지사항">&nbsp; 공지사항</a></li>
                <li><a href="http://www.gamtaku.com/tag">&nbsp; 블로그 태그 목록</a></li>
                <li><a href="http://www.gamtaku.com/guestbook">&nbsp; 방명록</a></li>
                <li><a href="http://">&nbsp; BLOG MAP</a></li>
                                <li><a href="http://www.gamtaku.com/owner">&nbsp; ----</a></li>
            </ul>
        </li>
    </ul>
     
    </div>
  </div>