Проблем със CSS стил за бутон

metal_head

Registered
Привет. Досега не ми се беше случвало подобно нещо.
Имам един бутон, на който искам да приложа един CSS стил:


[css].jperge-today{width: 40px; height: 15px; float: right; background-color: #283025; padding: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:10px; color: #fff; text-align: center;}

.jperge-today:hover{background-color: #475243;}[/css]

Та със стила нямам проблем - всичко е точно. Да, но само когато го приложа на DIV елемент. На мен ми е нужно да използвам този стил на бутон:

HTML:
<BUTTON class='jperge-today' name='perge_today' type='submit'>Изчисти</BUTTON>

В момента, в който приложа тоя стил на BUTTON или INPUT елемент, той се разваля:

Xg3yT.jpg


Това е изглед от Chrome. С Firefox, бутона дори не променя частично стила си.

Някой има ли идея на какво може да се дължи това?

Благодаря предварително! Поздрави!
 
За съжаление не помага. Пробвах го и преди да пиша тук, както и още сума ти неща. В Chrome изглежда така, а във Firefox дори не променя стила си.
 
[css]..jperge-today{width: 70px; height: 25px; border: none; float: right; display: block; background-color: #283025; padding: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:10px; color: #fff; text-align: center;}

.jperge-today:hover{background-color: #475243;}[/css]
трябваше му по голяма ширина и височина при условие че имаш падинг фонтa ти е 10[x
 

Горе