div que se superponen, no encuentro solución

[capagris]

Hola tengo este código.


En HTML.

Código:

<div class="pestanas pestanas1">Dormitorios Principales</div>
<div class="pestanas pestanas2">Dormitorios Dobles</div>
<div class="pestanas pestanas3">Dormitorios Estudios</div>
<div class="pestanas pestanas4">Dormitorios de Invitados</div>

En CSS

Código:

.pestanas{
    position: absolute;
    width: 195px;
    height: 17px;
    padding: 2px;
    top:104px;
    font-size: 10px;
}
.pestanas1{
    color: White;        
    background-color: #ff6c19; 
    left: 0;
    }
.pestanas2{
    color: White;
    background-color: #ffffff; 
    left: 130px;
}
.pestanas3{
    color: White;    
    background-color: #ffffff; 
    left: 245px;
}
.pestanas4{
    color: White;
    background-color: #ffffff; 
    left: 350px;
}

y aunque le he dado muchas vueltas los div se superponen a la izquierda como si todos tuvieran left: 0;

[capagris]

vale aveces lo tengo delante y no me entero, tema solucionado...


pero tengo otra duda:

tengo un div con su ancho y alto color de fondo y texto dentro.

le pongo un enlace, firefox lo ve pero explorer no alguien que me pueda dar algo de luz????

Código:

--css--

.pestanas{
    position: absolute;
    width: 150px;    
    top:107px;
    font-size: 10px;
    padding: 2px 0px 2px 5px;
    border: 1px solid #ff6c19;
    
}

.pestanas2{
    color: black;
    background-color: #ffffff; 
    left: 157px;
}

--HTML--

<a href="#"><div class="pestanas pestanas2">Dormitorios Dobles</div></a>

[PumasCampeon]

no se exactamente pero me pasaba algo igual, use ademas z-index y float para acomodar los divs, xq no pruebas con stos?

[fer10]

jejej $%^&*() IE como nos hace battallar por que no pruebas con esto ?

Código HTML:

--css--

.pestanas{
    position: absolute;
    width: 150px;    
    top:107px;
    font-size: 10px;
    padding: 2px 0px 2px 5px;
    border: 1px solid #ff6c19;
    
    color: black;
    background-color: #ffffff; 
    left: 157px;  
   display:block;
}

--HTML--

<a href="#" class="pestanas">Dormitorios Dobles</a> 

[epoj]

yo creo que estas haciendo las pestañas de un modo bastante bizarro, es necesaria la posicion absolute? ya probaste con listas? porque eso me parece mucho mas semantico utilizando listas... fijate si este link no te inspira:

http://www.maestrosdelweb.com/editorial/navpesta/

Saludos!
Damian