Text doesn't appear on submit button

Question

I am currently redesigning a website and a page is giving me a hard time because the text over the new buttons doesn't appear on Chrome and Safari. Here is the page :

http://dev.puzzles-et-jeux.fr/fr/page/login.html

Any help would be much appreciated! Sorry if the answer is obvious maybe I'm looking too close...

Answer 1

<input type="image" value="Identifiez-vous" class="button large red">

Is incorrect, <input type="button" is what you need.

EDIT: Have you tried using the button element?

<button type="submit">Identifiez-vous</button>

Answer 2

The issue is, that the text simply can't fit. Either make the font-size smaller or the button larger.

For example, you could remove this rule:

.button.large { font-size: 125%; }

Answer 3

Try changing to type="button".