Problema con value en browsers moviles

[Nemutagk]

Que tal compañeros, estoy teniendo un problema un tanto curioso, el "chiste" es que eh agregado un input:text y un input:submit, el primero funciona bien, pero el segundo me aparece un texto antepuesto al boton con el valor puesto en el value del input, que mejor una imagen que mil palabras...



Uploaded with ImageShack.us

Como pueden ver se antepone el "Enviar" al boton, y por si se lo preguntan si hay algún label antepuesto la respuesta es no, de hecho, aquí muestro el código...

Código HTML:

<form id="form-controles">
                        <input type="text" id="chat-msn" placeholder="Escribe tu mesaje aqu&iacute;..." required />
                        <input type="submit" id="chat-submit" value="Enviar" />
                    </form>
 

Y por si desean el código css...

Código CSS:

#controles {
                background-color: #d9d9d9;
                border: 1px solid #cccccc;
                border-radius: 5px;
                padding: 7px;
 
                form {
                    input {
                        display: inline;
                    }
 
                    #chat-msn {
                        width: 200px;
                        padding: 5px;
                    }
                }
            }
 

Nota: si se les hace raro el código css es porque uso less para crear css!

Este problema me aparece en el navegador por defecto de android (2.3.4) y en opera mobile 12, no eh probado con otros navegadores ya que me interesa solucionar primero los problemas en estos 2 navegadores!

Agradezco cualquier comentario!