border en firefox

[guardarmicorreo]

Hola, tengo el siguiente problema.

Practicando css pongo las siguientes propiedades a un div:

Código CSS:

#centropagina { /*caja para el centro de la página*/
    width: 98%;  
    height:80.5%; 
    float:left;
    margin:1%;
    background-color:#7f7f7f;
        border:2px solid #393939;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px; 
}
 

El <<border>> en un tono grisáceo oscuro se me ve en chrome, pero no en firefox.

¿cual puede ser el problema y cómo lo puedo solucionar?

Muchas gracias de antemano.

[ArturoGallegos]

supongo que solo ves una linea gruesa.... si es así el problema es que tu div esta vació

si es otro problema deberías considerar la posibilidad de algún otro CSS que este interfiriendo

[guardarmicorreo]

en chrome veo lo que puse en el css. pero en firefox no me aparecen los border de #cabecera y #centropagina, este es mi css completo

Código CSS:

/*sobre resolución 1920-Width x 1080-Height*/
 
#body{ /*cuerpo base donde se monta toda la visual de la web*/
    margin:0;
    padding:0;
    background-color:#4d4d4d; 
     
}
 
 
#cuerpo {               
    width: 100%;
    height: 100%;  
    background-color:#4d4d4d;
    color: black;
}
 
#cabecera {             /*caja para la cabecera*/
    width: 98%; 
    height: 10.5%;
    margin:1%;
    float:left;
    border:2 solid  #393939;
    background-color:#7f7f7f;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px; 
}
 
#cabeceraint{           /*cajas que van dentro de cajas en la cabecera*/
    width:13.54%; 
    height:95.53%;
    float: right;
    background-color: #7f7f7f;
    border-right: 4px solid #d79b2c;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:100px;
}
 
#centropagina {             /*caja para el centro de la página*/
    width: 98%;  
    height:80.5%; 
    float:left;
    margin:1%; 
    border:2 solid #393939;
    background-color:#7f7f7f;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px; 
    
}
 
#contenedor{    /*caja estándar para cada uno de los contenidos de la web*/
    width:12.5%; 
    height:12.5%; 
    float: left;
    margin:1%; 
    background-color: white;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px; 
}
 

[C2am]

Que versión de FF tienes instalada?
En teoría no deberías tener problemas: http://www.w3schools.com/cssref/css3...eft-radius.asp

Saludos
Para poder probar el código es necesario tener el html tambien.

[guardarmicorreo]

tengo la versión 17.0 (visto en el 'ayuda' de firefox).

¿a qué te refieres con tener html instalado?

he probado el 'try it yourself' de la web que me pones con firefox y sí me aparece ese border.

creo que al final lo voy a llevar a cuarto milenio, a ver si por lo paranormal me sacan el error (broma :D)

si alguien más puede tener idea de qué pasa con firefox por favor ayude.

[pzin]

¿Has probado a ponerle una unidad al ancho del borde? Porque en #cabeceraint veo que si, pero no en #cabecera ni #centropagina.

[guardarmicorreo]

Bonez, mil gracias, de verdad, estaba ciego y no veia el error. efectivamente debía ponerle una unidad al ancho del borde.
gracias a todos por su ayuda.