별도로 배포된 건 없습니다. 소스 보기 해서 참고해보세요.

이 소스 응용해 보셔요~

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Horizontal Nav</title>
<style type="text/css">
<!--

body {
font-family: "Myriad Pro", Frutiger, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.4em;
margin-top: 4em;
}

ul.nav, ul.nav ul {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
border: 1px solid #486B02;
background-color: #8BD400;
}

ul.nav li {
float: left;
width: 8em;
}

ul.nav li ul {
position: absolute;
width: 8em;
left: -999em;
margin-left: -1px;
}

.nav li:hover ul {
left: auto;
}

ul.nav a {
display: block;
color: #2B3F00;
text-decoration: none;
padding: 0.3em 1em;
border-right: 1px solid #486B02;
border-left: 1px solid #E4FFD3;*/
}

ul.nav li li a {
border-top: 1px solid #E4FFD3;
border-bottom: 1px solid #486B02;
border-left: 0;
border-right: 0;
}

ul.nav li:last-child a {
border-right: 0;
border-bottom: 0;
}

ul a:hover,
ul a:focus {
color: #E4FFD3;
background-color: #6DA203;
}





-->
</style>
</head>

<body>

<ul class="nav">
<li><a href="/home/">Home</a></li>

<li><a href="/products/">Products</a>
<ul>
<li><a href="/products/silverback/">Silverback</a></li>
<li><a href="/products/fontdeck/">Font Deck</a></li>
</ul>
</li>

<li><a href="/services/">Services</a>
<ul>
<li><a href="/services/design/">Design</a></li>
<li><a href="/services/development/">Development</a></li>
<li><a href="/services/consultancy/">Consultancy</a></li>
</ul>
</li>

<li><a href="/contact/">Contact Us</a></li>
</ul>

</body>
</html>