Menu 02

Codigo Menu :
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/animation/animation-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/container/container-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/menu/menu-min.js"></script>

<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/Ux.js"></script>
<script type="text/javascript" src="http://diegovenegas.110mb.com/JS/LavaLamp.js"></script>

<script type="text/javascript">
YUI.E.onDOMReady((function()
{var lavalamp = new YUI.Ux.LavaLamp("lavalamp", {
animFx: YUI.Ea.backOut, animSpeed: 1});}));</script>

<div id="lavalamp">
<div class="bd">
<ul>
<li><a href="#">Menu 01</a></li>
<li><a href="#">Menu 02</a></li>
<li><a href="#">Menu 03</a></li>
<li><a href="#">Menu 04</a></li>
<li><a href="#">Menu 05</a></li>
</ul>
</div>
</div>

CSS:
<style type="text/css">
<!--
.lavaLamp
{position: relative;
height: 30px;
background: url("https://img.webme.com/pic/d/diegovenegas/lamp1.gif");
padding: 15px;
overflow: hidden;}

.lavaLamp li {float: left;
list-style: none;}

.lavaLamp li.back
{background: url("https://img.webme.com/pic/d/diegovenegas/lava1.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;}

.lavaLamp li.back .left
{display: block;
background: url("https://img.webme.com/pic/d/diegovenegas/lava1.gif") no-repeat top left;
height: 30px;
margin-right: 9px;}

.lavaLamp li a
{position: relative; overflow: hidden;
text-decoration: none;
text-transform: uppercase;
font: bold 14px arial;
color: #fff; outline: none;
text-align: center;
height: 30x; top: 7px;
z-index: 10; letter-spacing: 0;
float: left; display: block;
margin: auto 10px;}


#lavalamp .lavaLamp
{position: relative;
height: 30px;
background: url("https://img.webme.com/pic/d/diegovenegas/lamp1.gif");
padding: 15px;
overflow: hidden;}

#lavalamp .lavaLamp li
{float: left;
list-style: none;}

#lavalamp .lavaLamp li.back
{background: url("https://img.webme.com/pic/d/diegovenegas/lava1.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;}

#lavalamp .lavaLamp li.back .left
{display: block;
background: url("https://img.webme.com/pic/d/diegovenegas/lava1.gif") no-repeat top left;
height: 30px;
margin-right: 9px;}

#lavalamp .lavaLamp li a
{position: relative; overflow: hidden;
text-decoration: none;
text-transform: uppercase;
font: bold 14px arial;
color: #fff; outline: none;
text-align: center;
height: 30px; top: 7px;
z-index: 10; letter-spacing: 0;
float: left; display: block;
margin: auto 10px;}

#floatingline .lavaLamp
{position: relative;
padding: 10px;
overflow: hidden;
background:#eeeeee;}

#floatingline .lavaLamp li
{float: left;
list-style: none;}

#floatingline .lavaLamp li.back
{background: #990000;
height: 2px;
z-index: 8;
position: absolute;
margin:20px 0 0 0;}

#floatingline .lavaLamp li a
{position: relative; overflow: hidden;
text-decoration: none;
color: #333333; outline: none;
text-align: center;
z-index: 10; letter-spacing: 0;
float: left; display: block;
margin: auto 10px;}
//-->
</style>

Imagenes del Menu: