Estoy trabajando en una aplicación que solo usan algunas personas en la empresa, por lo que me siento cómodo diciéndoles que solo usen Firefox o Chrome, para que pueda usar HTML5.

Estaba trabajando en una característica muy simple:

<style> 
input:invalid { background-color: red; }
div.box {
border-color:#000; 
border-width:thin; 
border-style:solid;
}
</style>     
<input type="number" name="id"> <small>(if the box becomes red, make sure you didn't put a space)</small> 

Funciona muy bien en Chrome: se vuelve rojo y no te permite enviar, sin que yo codifique nada más.

Firefox ... no tanto. Actúa como si tuviera un tipo de "texto".

¿Es un problema conocido? Solución alternativa?

Gracias