Problema con -moz-border-radius

[john2222]

CSS:

 

 
/*Seccion Contacto*/


input
{
    float: right;
    border-radius: 7px;
    width: 300px;
    -moz-border-radius: 7px;
}

label
{
    font-family: 'Droid Sans', arial, serif;
    font-size: 13px;
    float: left;
    width: 300px;
}

span
{
    font-family: 'Droid Sans', arial, serif;
    font-size: 11px;
    display: block; /*Salto linea */
}

 

html

<!--Centro-->
<div id="cuadro_central">
<div id="cuadro_central_titulo">Formulario de Contacto</div>
<div id="cuadro_central_texto"><p><i>Si deseas comunicarte con el STAFF de MD directamente (y no deseas hacerlo por el foro), puedes hacerlo a traves de este formulario: </i></p></div>
<form method="post" action="./includes/procesar_formulario.php">
<label for="nombre" class="nombre">Nombre :
<span><i>Inserte su nick aca</i></span>
</label>
<input type="text" id="nombre" name="nombre" />
</form>
</div>

 

Este es el codigo que ocupa el formulario, tanto el CSS como el HTML, ahora bien, el problema es el siguiente, Firefox NO me interpreta el -moz-border-radius, por no se que motivo, en cambio, chrome y Internet explorer, se muestra el efecto bastante agradable.

Entonces la pregunta seria, ¿porque firefox no me quiere interpretar el -moz-border-radius?.

 

Salu2!

 

[the.manolox]

Estimado.

 

Intenta agregando border a los input.

ej.

 

input
{
    float: right;
    border-radius: 7px;
    width: 300px;
    -moz-border-radius: 7px;
}

 

remplazalo por:

 

input{
    border: 1px #333 solid;
    -moz-border-radius: 7px; 
    -webkit-border-radius:7px;
    border-radius: 7px;
    width: 300px;   
}

 

y te funcara en todos los browser..

:banana: :bravo:

 

[john2222]

Muchas Gracias!.

Funciono perfecto :D

 

Saludos!