Creando menús CSS fácilmente con CSS MENU MAKER

<style media="all" type="text/css">@import "http:// srcimg21.xooimage.com/files/3/e/c/menu_style-bc2d7b.css";</style>
   <!--[if lt IE 7]>
      <link rel="stylesheet" type="text/css" href="/menu/includes/ie6.css" media="screen"/>
   <![endif]-->
<div class="wrapper1">
   <div class="wrapper"  style="width:450px;">
      <div class="nav-wrapper">
         <div class="nav-left"></div>
         <div class="nav">
            <ul id="navigation" style="width:388px";>
 
               <li class="#">
                  <a href="www.mundoalbiazul.com.ar" target="_self">
                     <span class="menu-left"></span>
                     <span class="menu-mid">Inicio</span>
                     <span class="menu-right"></span>
                  </a>
               </li>
 
               <li class="#">
                  <a href="" target="_self">
                     <span class="menu-left"></span>
                     <span class="menu-mid">C.A.T</span>
                     <span class="menu-right"></span>
                  </a>
                        <div class="sub">
                        <ul>
                                    <li>
                           <a href="http://mundoalbiazul.es.tl/%3Cimg-src%3D-g-http-d--s--s-i288-.-photobucket-.-com-s-albums-s-ll181-s-julian22xT-s-th-.-~-.-historia_1-.-png-g--alt%3D-g--g---s-%3E.htm" target="_self">Historia</a>
                        </li>
                                    <li>
                           <a href="http://mundoalbiazul.es.tl/%3Cimg-src%3D-g-http-d--s--s-i288-.-photobucket-.-com-s-albums-s-ll181-s-julian22xT-s-th-.-~-.-laboutique_2-.-png-g--alt%3D-g--g---s-%3E.htm" target="_self">La Boutique</a>
                        </li>
                                    <li>
                           <a href="http://mundoalbiazul.es.tl/%3Cimg-src%3D-g-http-d--s--s-i288-.-photobucket-.-com-s-albums-s-ll181-s-julian22xT-s-himno_4-.-png-g--alt%3D-g--g---s-%3E.htm" target="_self">Himno</a>
                        </li>
                                    <li>
                           <a href="http://mundoalbiazul.es.tl/%3Cimg-src%3D-g-http-d--s--s-i288-.-photobucket-.-com-s-albums-s-ll181-s-julian22xT-s-plantel_1-.-png-g--alt%3D-g--g---s-%3E.htm" target="_self">Plantel</a>
                        </li>
                        </ul>
               </li>
 
               <li class="#">
                  <a href="" target="_self">
                     <span class="menu-left"></span>
                     <span class="menu-mid">Cultura Albiazul</span>
                     <span class="menu-right"></span>
                  </a>
                        <div class="sub">
                        <ul>
                                    <li>
                           <a href="http://mundoalbiazul.es.tl/%3Cimg-src%3D-g-http-d--s--s-i288-.-photobucket-.-com-s-albums-s-ll181-s-julian22xT-s-th-.-~-.-idolos_1-.-png-g--alt%3D-g--g---s-%3E.htm" target="_self">Idolos de Siempre</a>
                        </li>
                                    <li>
                           <a href="http://mundoalbiazul.es.tl/%3Cimg-src%3D-g-http-d--s--s-i288-.-photobucket-.-com-s-albums-s-ll181-s-julian22xT-s-th-.-~-.-momentos_1-.-png-g--alt%3D-g--g---s-%3E.htm" target="_self">Momentos Historicos</a>
                        </li>
                        </ul>
               </li>

               </ul>
         </div>
         <div class="nav-right"></div>
      <br><br>
    </div>
   </div>
</div>