Color de fondo a un <li> en el Hover (IE 8)

Celcius · #1 (**permalink**) 27/08/2010, 10:16

Hola amigos, quisiera saber si conocen como hacer para cambiarle el color de fondo a un li... ocurre lo siguiente. Quiero hacer un menú despegable pero quiero ir paso a paso. Busqué el siguiente codigo (que funciona en Firefox pero no en IE 8)

Código PHP:

  #menuhoriz ul li {
 display: inline;  
 padding: 2px 7px; /*Separar el texto*/  
 margin:0px; /* Separar los botones */  
 background-color:#E4E4E4; /* Color de fondo */  
   }
#menuhoriz ul li:hover {
 background-color:#EEEEEE; /* Color de fondo sobre el boton */  
 cursor: pointer; /* cambiar el aspecto del puntero */  
}
#menuhoriz ul {  
  /* Linea para delimitar la botonera */  
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #E4E4E4;
  }

Qué puedo hacer para que cuando coloque el puntero, cambie el color de fondo (Ojo tampoco aparece el puntero como se le especifica en cursor: pointer)

Help!!

TheDark03 · #2 (**permalink**) 27/08/2010, 10:28

Hola Celcius...

en Ie8 no te deberia dar problemas...

derepente tienes problema en el html y mas no en el css

Código HTML:

Ver original<div id="menuhoriz">
<ul>
    <li>Inicio</li>
    <li>Css Validation</li>
    <li>Css Validation</li>
</ul>
</div>

Saludos DTB

Celcius · #3 (**permalink**) 27/08/2010, 10:36

Hola y muchas gracias por tu respuesta.
Te cuento que un amigo mio me solucionó el problema hace unos minutos.. En realidad el problema se encontraba en el doctype... yo no lo habia puesto, aun no entiendo muy bien que hace este bendito doctype pero cuando lo coloqué, funcionó. Ahi va el código:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>AquaOasis System</title>

<link rel="stylesheet" type="text/css" href="includes/estilos.css" />

</head>

<body>

 <div id="menuhoriz">  

 <ul>  

         <li>Bot&#243;n uno</li>  

         <li>Bot&#243;n dos</li>  

         <li>Bot&#243;n tres</li>  

 </ul>  

 </div> 

 
</body>

</html>

TheDark03 · #4 (**permalink**) 27/08/2010, 10:40

Hola...
tal vez te vendria bien revisar esto

http://www.forosdelweb.com/f4/doctyp...-sirve-817940/

Saludos DTB