[SOLUCIONADO] textarea descuadrado solo en Firefox

[oscaar90]

Buenas tardes,

Tengo un formulario que en IE se muestra correctamente, pero en firefox, el textarea se descuadra, aparece mas arriba.


IE:


FIREFOX:


Codigo:

Código HTML:

<div>
              <label>
                <?php echo $form_titulo; ?> 
              </label>
 
          <input class="input" type="text" name="titulo">
        </div><p>
        <div>
 
          
            <label><?php echo $form_peticion; ?></label>
            <textarea  NAME="peticion" COLS="50" ROWS="10"></textarea>/
          
        
        
          </div>
 

CSS:

Código CSS:

<style>
    label{
        display: inline-block;
        float: left;
        clear: left;
        width: 250px;
        text-align: right;
        font-size: 13px;
        font-weight: bold;
        height: 24px;
        margin: 0 10px 0 0;
        padding: 3px 7px;
        
    }
    input {
      display: inline-block;
      float: left;
    }
 
    input:focus, select:focus, textarea:focus {
        background-color: #CCCCCC;
    }
    .botones {
      padding-left: 250px;
    }
  </style>
 

Que puede ser?

Muchas gracias!

[AngelKrak]

Podrias subir tu codigo a Codepen para poder ayudarte mejor amig@?

[oscaar90]

Claro que si!

Aquí esta, lo único que tiene algo de PHP, pero son simple textos e información.
http://codepen.io/anon/pen/qOLKyE

Gracias.

[AngelKrak]

no se alcanza a distinguir muy bien, pero prueba con esto y cuentame si funciona ;)

Código CSS:

textarea {
  display: block;
}
 

[oscaar90]

Muchas gracias!
Con tu codigo y dos <br> con Firefox me lo a cuadrado.

Saludos!