Как оформить это меню на сайт ?

Код:

/* Всплывающее меню */
#menu_holder {
height:58px;
width:100%;
display:block;
position:absolute;
top:-58px;
z-index:999;
}

#nav {
height:58px;
width:542px;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/right10.png);
background-repeat:no-repeat;
background-position:right;
margin:0 auto;
padding:0;
}

#hit_area {
height:58px;
width:100%;
display:block;
margin:0;
padding:0;
}

#hit_area2 {
width:100%;
display:block;
position:absolute;
left:0;
top:58px;
margin:0;
padding:0;
}

#nav ul {
height:58px;
list-style-type:none;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/left10.png);
background-repeat:no-repeat;
margin:0;
padding:0 0 0 21px;
}

#nav li {
float:left;
margin:0;
padding:0;
}

#nav li a:link,#nav li a:active,#nav li a:visited {
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/middle10.png);
background-repeat:repeat-x;
height:58px;
width:100px;
display:block;
line-height:58px;
font-weight:700;
color:#666;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:14px;
}

#nav li a:focus,#nav li a:hover {
text-decoration:none;
-moz-outline:0;
color:#FFF;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/rollov10.png);
background-repeat:repeat-x;
}

Код:

<script type="text/javascript" src="http://yourjavascript.com/061241522101/hide-menu.js"></script>

<div id="hit_area" onmouseover="toggleDown();"></div>
  <div id="menu_holder">
      <div id="nav">
          <ul>
          <li><a href="ссылка_1">название_1</a></li>
          <li><a href="ссылка_2">название_2</a></li>
          <li><a href="ссылка_3">название_3</a></li>
          <li><a href="ссылка_4">название_4</a></li>
          <li><a href="ссылка_5">название_5</a></li>
          </ul>
      </div>
</div>
<div id="hit_area2" onmouseover="toggleUp();">

Домовой пишет:В CSS

Код:

/* Всплывающее меню */
#menu_holder {
height:58px;
width:100%;
display:block;
position:absolute;
top:-58px;
z-index:999;
}

#nav {
height:58px;
width:542px;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/right10.png);
background-repeat:no-repeat;
background-position:right;
margin:0 auto;
padding:0;
}

#hit_area {
height:58px;
width:100%;
display:block;
margin:0;
padding:0;
}

#hit_area2 {
width:100%;
display:block;
position:absolute;
left:0;
top:58px;
margin:0;
padding:0;
}

#nav ul {
height:58px;
list-style-type:none;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/left10.png);
background-repeat:no-repeat;
margin:0;
padding:0 0 0 21px;
}

#nav li {
float:left;
margin:0;
padding:0;
}

#nav li a:link,#nav li a:active,#nav li a:visited {
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/middle10.png);
background-repeat:repeat-x;
height:58px;
width:100px;
display:block;
line-height:58px;
font-weight:700;
color:#666;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:14px;
}

#nav li a:focus,#nav li a:hover {
text-decoration:none;
-moz-outline:0;
color:#FFF;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/rollov10.png);
background-repeat:repeat-x;
}

В шаблон overall_header после </head>

Код:

<script type="text/javascript" src="http://yourjavascript.com/061241522101/hide-menu.js"></script>

<div id="hit_area" onmouseover="toggleDown();"></div>
  <div id="menu_holder">
      <div id="nav">
          <ul>
          <li><a href="ссылка_1">название_1</a></li>
          <li><a href="ссылка_2">название_2</a></li>
          <li><a href="ссылка_3">название_3</a></li>
          <li><a href="ссылка_4">название_4</a></li>
          <li><a href="ссылка_5">название_5</a></li>
          </ul>
      </div>
</div>
<div id="hit_area2" onmouseover="toggleUp();">

Домовой пишет:у меня закрывается
http://domovoy.forumy2x2.ru/

Домовой пишет:А я думаю что меню с чем то конфликтует.
Возможно с выпадающим меню.