Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/08/2009, 14:56
xavierpaez
 
Fecha de Ingreso: diciembre-2007
Mensajes: 267
Antigüedad: 10 años, 10 meses
Puntos: 3
Problemas con Drop Down Menú

Hola, estoy haciendo esta web www.concursosrd.com/xolunet/ todo esta quedando muy bien menos el menú de la izquierda. Me explico: Es un drop-down menú que se ve perfectamente bien en el firefox, internet explorer 8, google chrome etc.. pero en los versiones de los exploradores específicamente los de Internet explorer como es la version del windows xp y del 2000 el menú no se ve bien :S que puedo hacer, aqui les dejo el codigo.

*HTML*

<div id="barraizquierda">

<h2 class="titulos">Xolunet</h2>
<div class="menu2">
<style media="all" type="text/css">@import "menu2/menu_style.css";</style>
<ul>
<li><a href="" target="_self" >Soluciones</a>
<ul><p>Transporte e instalación de cajeros automáticos<br/><br/>
Reestructuración de áreas. <br/><br/>
Anclaje de Cajeros. <br/><br/>
Configuración parámetros de Cajero Automático.<br/><br/>
Venta de piezas y mucho más... <br/><br/>
<strong>Para más información sobre nuestras soluciones haga clic en Soluciones.</strong></p>
</ul>
</li>
<br/>
<li><a href="" target="_self" >Servicios</a>
<ul><p><strong>Limpieza:</strong><br/>
Cajero Automático (Exterior e interior).<br/>
Entorno, muebles y toldos.<br/><br/>

<strong>Pintura:</strong><br/>
Cajero automático<br/>
Caseta de institucionales <br/>
Entorno <br/><br/>

<strong>Eléctricos:</strong><br/>
Instalación en nuevos puntos <br/>
Mantenimiento a equipos (Aire A./ Inversor/ Baterías )<br/>
Sustitución de equipos <br/>
Sustitución de bombillas y lámparas quemadas<br/>
<br/>
<strong>Para más información sobre nuestros servicios haz clic en Servicios</strong>

</ul>
</li>
<br/>
<li><a href="" target="_self" >Compromiso</a>
<ul><p><strong>El contratante recibirá mensualmente un informe conteniendo los siguientes puntos:</strong><br/><br/>
Informe fotográfico de localidades. <br/><br/>
Rutas desglosadas por semanas.<br/><br/>
Observaciones y sugerencias. <br/><br/>

</p><br/>
</li>
</ul>
</div>
</div>

*CSS*

.menu2{
width: 130px;
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.menu2 ul{
background: #c1c1c1;
height:24px;
list-style:none;
margin:0;
padding:0;
}
.menu2 li{

padding:0px;
}
.menu2 li a{
background:#7fbd2d;
color:#fff;
display:block;
font-weight:normal;
line-height:24px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu2 li a:hover, .menu ul li:hover a{
background: #7fbd2d;
color:#c1c1c1;
text-decoration:none;
}
.menu2 li ul{
background:#fff;
display:none;
height:auto;
padding:0px;
margin:0px;
border:1px solid #7fbd2d;
position:absolute;
width:160px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu2 li:hover ul{
display:block;

}
.menu2 li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:160px;
}
.menu2 li:hover li a{
background:none;

}
.menu2 li ul a{
display:block;
height:24px;
font: 9pt tahoma,verdana,sans-serif;
color: #222;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}


.menu2 p{

font: 9pt tahoma,verdana,sans-serif;
color: #222;
margin-left:2px;

}


Gracias espero de su ayuda
__________________
"El presente es lo unico que hay que vivir"