Изображение спрайта - форма отправить кнопку

Question

Могу ли я использовать спрайты изображений для своей кнопки отправки формы, попробовал несколько вещей, но ничего не работает.

.button, .download, .OK, .file{ 
background: url(app/sprites.png) no-repeat; 
} 


.button{ 
background-position: -1px -212px ; 
width: 170px; 
height: 30px; 
} 

Моя форма

<form action="add.php" method="post" value="Username"> 
<div style="float:left; margin-left:15px;"><input type="text" name="fbid" required></div> 
<div style="float:left; margin-left:2px;"><input type="submit" value="Submit"></form> 

Answer 1

Прямо сейчас у вас отсутствует класс на входе.

<input type="submit" class="button" value="Submit"> 

С этим он будет работать.

Я положил его в jsFiddle, используя другое изображение, потому что у меня нет доступа к вашему. Вы можете играть с позицией в 32px.

jsfiddle.net/CzWCv

Answer 2

Вы пробовали

<div class="button" style="float:left; margin-left:2px;"><input type="submit" 
value="Submit"></form> 

??