hover menu desplegable

[heinzy]

hola

La verdad es que se puede simplificar mucho lo que has hecho.

pero llendo al grano la forma mas facil de hacer un menu desplegable con css es anidando listas...

te paso un ejemplo de como lo podrias hacer:

Código HTML:

<div id="menu">
     
       
       <ul>
            <li><div class="op_menu1"><div id="text_op_menu1">OPCION0</div></div></li>
           
            <li><div class="op_menu1" id="op1"><div id="text_op_menu1">OPCION1</div></div></li>
           
            <li><div class="op_menu1"><div id="text_op_menu1">OPCION2</div></div>
            
            
                 <ul>
               
                    <li>MISION</li>
                    <li>VISION</li>
                    <li>POLITICA CALIDAD</li>
                    <li>POLITICA AMBIENTAL</li>
               
                </ul>
                
             </li>
           
            <li><div class="op_menu1"><div id="text_op_menu1">OPCION3</div></div></li>
           
            <li><div class="op_menu1"><div id="text_op_menu1">OPCION4</div></div></li>
           
           <li> <div class="op_menu1"><div id="text_op_menu1">OPCION5</div></div></li>
           
           <li> <div class="op_menu1"><div id="text_op_menu1">OPCION6</div></div></li>
           
           
        </ul>
 

y el css:

Código CSS:

#menu ul li ul {
 
 
    position: absolute;
    width: 10em;
    left: -800em;
    float: none;
    border_bottom:none;
    
    }
    
#menu ul li:hover ul {
 
    left: 30em;
    top: 80px;
    
    }
 

espero te alla servido.. saludos