<ul id="menu">
<li><a class="back" href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/url...">HOME</a></li>
<li><a class="back" href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/url...">THEESPECTROMANIA</a></li>
<li><a class="back" href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/url...">HTML</a>
<ul>
<li><a href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/url...">CENTER</a></li>
<li><a href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/url...">FONT</a></li>
</ul></li>
<li><a class="back" href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/url...">CSS</a>
<ul>
<li><a href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/url...">GRADIENT</a></li>
<li><a href="http://www.forosdelweb.com/f53/poner-imagen-fondo-menu-desplegable-925317/url...">BORDES</a></li>
</ul></li>
</div>
<style type = "text/css">
.back{
background-image:url('bg-image.png');
background-repeat:no-repeat;
background-color:#99cccc;}
#menu{padding-left:25px; margin-top:15px; }
#menu li{list-style:none; float:left;}
#menu li a{display:block; width:200px;height:20px; background-color:#99cccc;border:1px solid; padding:2px;text-decoration:none;
text-align:center; color:#000;font-family:arial; font-size:15px;font-weight:bold;}
#menu li a:hover{background:navy;border-color:transparent;color:#ffcc00;}
#menu li ul{display:none; position:absolute;}
#menu li ul li {display:block;float:none; position:relative; padding:0px}
#menu li:hover ul{display:block; padding-left:0px;}