Tema: problema con hover en ie en barra de facebook
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/01/2010, 11:02
fercholopez
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barranquilla
Mensajes: 54
Antigüedad: 14 años, 5 meses
Puntos: 0
Pregunta problema con hover en ie en barra de facebook
hola, tengo el problema con este codigo css..
resulta que ojeando por internet, encontre una bonita barra parecida a la de facebook..
este es el codigo.. talcual..

Código CSS: 
Ver original
  1. #taskbar{
  2.         height:20px;
  3.         width:100%;
  4.         margin:auto;
  5.         
  6.         position:fixed;
  7.         top: 0;
  8.         z-index: 99;
  9. }
  10. #taskbar #container{
  11.     background-color:#97c5ff;
  12.     border:1px solid #FFF;
  13.     display:block;
  14.     margin-left:15px;
  15.     margin-right:15px;
  16.     height:20px;
  17. }
  18.  
  19. #taskbar #container .block-left{
  20.         position:relative;
  21.         float: left;
  22.         width:15%;
  23.         height:20px;
  24.         
  25.         border-right:1px solid #FFF;
  26. }
  27. #taskbar #container .block-center{
  28.     position: relative;
  29.     float: left;
  30.     width: 50%;
  31.     height:15px;
  32.     border-right:1px solid #FFF;
  33.     padding: 3px;
  34.     top: -3px;
  35.     
  36. }
  37. #taskbar #container .block-right{
  38.         position: relative;
  39.         float: left;
  40.         width: 25%;
  41.         height:20px;
  42.         
  43.         border-right:1px solid #FFF;
  44. }
  45. #taskbar #container .btns{
  46.         font-family:Verdana, Arial, Helvetica, sans-serif;
  47.         font-size:11px;
  48.         padding: 0;
  49.         display:marker;
  50.         vertical-align:middle;
  51.         line-height:15px;
  52. }

.. pero al momento de que intento hacer un menu desplegable.. en mozilla me funciona super..
pero en ie no.. y dedusco de esto que ...:MI WEBSITE ES DEMACIADO COOL PARA IE .. : ..

Este es el codigo que agregue:

Código CSS: 
Ver original
  1. ul {
  2.   padding: 0;
  3.   margin: 0;
  4.   list-style: none;
  5.   }
  6. li {
  7.   float: left;
  8.   position: relative;
  9.   width: auto;
  10.   }
  11.   
  12. li ul { /* second-level lists */
  13.     display: none;
  14.     position: absolute;
  15.     top: 1px;
  16.     -webkit-border-radius: 6px 6px 6px 6px;  /* Safari  */
  17.     -moz-border-radius: 6px 6px 6px 6px;
  18.     border-radius: 6px 6px 6px 6px; /* propiedad CSS3 */
  19.     -ms-border-radius: 6px 6px 6px 6px;
  20.     background-color: #84BBFF;  
  21. }
  22.  
  23.   
  24. li > ul {
  25.     top: auto;
  26.     left: auto;
  27.     }
  28.  
  29. a:hover ul, a.over ul{
  30.     display: inline-block;
  31. }
..


de aqui ps.. me salen varias dudas..
como hago para que funcione en ie.. como puedo implementar un hover que funcione..
que significa la linea...

li > ul

..