el top perdido (1 y 2)
HEAD
#navwrap {margin: 0px auto; width:600px; float:left;}
.topnav div {list-style:none;margin:0;padding:0px; float:left;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a { font-size:9px;display:block;padding:5px;color:#afd4dc;text-decoration:none; text-transform: uppercase; float:left;}
.topnav li a {background:none; float:left;}
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background: #6dadd1; color:#fff;}

#navwrap2 {margin: 0px auto; width:600px; float:Right;}
.topnav2 ul {list-style:none;margin:0;padding:0px; float:right;}
.topnav2 li {float:left;margin:0;text-align:center;}
.topnav2 li a { font-size:8px;display:block;padding:4px;color:#afd4dc;text-decoration:none; text-transform: uppercase;}
.topnav2 li a {background:none; }
.topnav2 li a:hover, li a:focus, li a:active {text-decoration:none; color:#3264ac;}

EN BODY
<div id='header-wrapper'>
<div id='top'>
<div id='topwrap'>
<div id='navwrap2'>
<div class='topnav2'>
<ul id='topnav2'>
<li><a href='#'>Editing</a></li>
<li><a href='#'>Editing</a></li>
<li><a href='#'>Editing</a></li>
<li><a href='#'>Editing</a></li>
<li><a href='#'>Editing</a></li>
</ul>
</div>
</div></div>
</div></div>

<div id='header-wrapper'>
<div id='top'>
<div id='topwrap'>
<div id='navwrap'>
<div class='topnav'>
<ul id='topnav'>
<div align='left'><a href='http://cavaho.blogspot.com'><img src='http://img87.imageshack.us/img87/417/cavahochicofusion.png'/></a></div>
<li><a href='http://experimentosavanzados.blogspot.com'>INICIO</a></li>
<li><a href='http://cavaho.foro.ws'>FORO</a></li>
<li><a href='#'>Editing</a></li>
</ul>
</div>
</div>
</div>

el top perdido 2 (modificado)
EN HEAD
#navwrap, #subnavbar {list-style:none;}
       .topnav div, #subnav {margin:0;padding:0px;}
       .topnav ul, #subnav ul {margin:0;padding:0px;list-style:none;}
       .topnav li, #subnav li {margin:0;text-align:center;}
       .topnav li a, #subnav li a, #subnav li a:link, #subnav li a:visited { font-size:9px;display:block;border:1px solid transparent;padding:2px 5px 2px 5px;text-decoration:none; text-transform: uppercase;}
       .topnav li a:hover, li a:focus, li a:active, #subnav li a:hover, #subnav li a:active {text-decoration:none; background:#e9e9e9; color:#ABAEB2; border:1px solid #B8C2C7;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-khtml-border-radius: 3px;}



#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
text-align:left;
opacity: .70;
filter: alpha(opacity=70);
background:#C2C8CF;
color:#687C8E;
float: none;
padding: 1px 0px 1px 5px;
margin: 0px;
}

#subnav li li a:hover, #subnav li li a:active {
opacity: .90;
filter: alpha(opacity=90);
background: #DDDFE0;
color:#3B5177;
margin: 0px;
-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;-khtml-border-radius: 0px;
}

#subnav li {
float: left;
padding: 0px;
}

#subnav li ul {
width: 95px;
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
margin: 0px;
padding: 0px;
}

#subnav li li {
}

#subnav li ul a {
width: 95px;
}

#subnav li ul a:hover, #subnav li ul a:active {
}

#subnav li ul ul {
margin: -25px 0 0 161px;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
left: -999em;
}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
left: auto;
}

#subnav li:hover, #subnav li.sfhover {
position: static;
}

EN BODY
<div style='clear: both; text-align: left; float:left;'><div id='top' style='margin-top:-23px;margin-left:110px;'><div id='topwrap'><div id='navwrap'><div class='topnav' id='subnavbar'><ul id='subnav'><li><a href='http://en-web.blogspot.com/search/label/æ'> <b>æ</b> </a></li> <li><a href='http://en-web.blogspot.com/search/label/჻'> <b>&#4347;</b> </a></li> <li><a href='http://en-web.blogspot.com/search/label/ᄇ'> <b>ᄇ</b> </a> <ul> <li><a href='http://en-web.blogspot.com/p/tv.html'>&#9733;&#160;&#160;TELEVISION</a> </li> </ul> </li> <li><a href='http://en-web.blogspot.com/search/label/►'> <b>&#9658;</b> </a></li> <li><a href='http://en-web.blogspot.com/search/label/♣'> <b>&#9827;</b> </a></li> <li><a href='http://en-web.blogspot.com/search/label/♬'> <b>&#9836;</b> </a> <ul> <li><a href='http://en-web.blogspot.com/p/toda-la-musica.html'>&#9835;&#160;&#160;TODA LA MUSICA</a> </li> <li><a href='http://en-web.blogspot.com/p/radios_14.html'>&#9834;&#160;&#160;RADIOS</a> </li> </ul> </li> </ul></div></div></div></div></div>

menu desplegable transparent
EN HEAD
#subnavbar {
font-weight:bold;
color: #000;
margin: 0px;
padding: 0px;
font-family:"Trebuchet MS";
}

#subnav {
margin: 0px;
padding: 0px;
}

#subnav ul {
border: 1px solid:#000;
padding: 1px 1px 1px 1px;
}

#subnav li {
list-style: none;
margin: 0px;
padding: 0px;
}

#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #000;
display: block;
font-size: 8px;
text-transform: uppercase;
border-left: 0px solid #f1f1f1;
}

#subnav li a:hover, #subnav li a:active {
color: #000;
display: block;
text-decoration: none;
}

#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
opacity: .50;
filter: alpha(opacity=50);
background: #99A4AD;
color:#D1E5F6;
float: none;
padding: 1px 0px 1px 10px;
margin: 0px;
}

#subnav li li a:hover, #subnav li li a:active {
opacity: .90;
filter: alpha(opacity=90);
background: -webkit-gradient(linear, left top, left bottom, from(#BFEAF3), to(#ACC0D3));
background: -moz-linear-gradient(top, #BFEAF3, #ACC0D3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFEAF3', endColorstr='#ACC0D3');
color:#218096;
margin: 0px;
}

#subnav li {
float: left;
padding: 0px;
}

#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
margin: 0px;
padding: 0px;
}

#subnav li li {
}

#subnav li ul a {
width: 95px;
}

#subnav li ul a:hover, #subnav li ul a:active {
}

#subnav li ul ul {
margin: -25px 0 0 161px;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
left: -999em;
}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
left: auto;
}

#subnav li:hover, #subnav li.sfhover {
position: static;
}

EN BODY
<div class='separator' style='position: absolute; top:-2px; left:-10px; clear: left; cssfloat: left; float: left;'> <div id='subnavbar'> <ul id='subnav'> <li><a href='javascript: void(0)' title='Filtrar'>&#9660;</a> <ul> <li><a href='http://norconfo.blogspot.com/search/label/%C3%A6' title=''>æ DOCUMENTALES</a> </li> <li><a href='http://norconfo.blogspot.com/search/label/%E2%99%A3' title=''>&#9827; JUEGOS ONLINE</a> </li> <li><a href='http://norconfo.blogspot.com/search/label/%E1%84%87' title=''>ᄇ PELICULAS</a> </li> <li><a href='http://norconfo.blogspot.com/search/label/%E1%83%BB' title=''>&#4347; PREVIEW FLASH</a> </li> <li><a href='http://norconfo.blogspot.com/search/label/%E2%96%BA' title=''>&#9658; VIDEOS</a> </li> <li><a href='http://inpic.blogspot.com/' title='(otro sitio)'>&#10063; IMAGENES</a> </li> </ul> </li></ul></div></div>

MENÚ DESPLEGABLE SELECT
1
<select name="Menu NO Corp." onChange='document.location.href=this.options[this.selectedIndex].value;' WIDTH='150' STYLE='width: 150px'> <option value="#">Selecciona Sitio:</option> <option value='http://dl4my.blogspot.com'> Dl4My</option> <option value='http://norconfo.blogspot.com'> Norconfo</option> <optgroup label="Elegir Estilo"> <option value='http://dl4my.blogspot.com'> Dl4My</option> <option value='http://norconfo.blogspot.com'> Norconfo</option> </optgroup> </select>

2
<form action="" class="searchcaption" name="categoryjump_frm"> <span class="searchcaption">Category:</span> <select name="select" onchange="category_jump('parent',this,0)"> <option value="http://www.blogger-index.com/arts/" selected="selected" > Arts </option> <option value="http://www.blogger-index.com/arts/animation/" selected="selected" > &nbsp; &nbsp; &nbsp; Animation </option> <option value="http://www.blogger-index.com/arts/antiques/" selected="selected" > &nbsp; &nbsp; &nbsp; Antiques </option> </select> </form>

Kategori Blogger
DENTRO DE SECTION

  <b:widget id='Label1' locked='true' title='Kategori' type='Label'>
    <b:includable id='main'>
<select class='postform' id='cat' name='cat' onchange='location=this.options[this.selectedIndex].value;'>
<option>Filtrar</option>
<b:loop values='data:labels' var='label'>
   <option expr:value='data:label.url'><data:label.name/>
      (<data:label.count/>)
   </option>
</b:loop>
</select>
</b:includable>
  </b:widget>