Кнопка границы и фон

Question

В моей CSS я пытался маскировать выглядеть кнопки, добавив фон вроде этого:

input[type=button] 
{ 
background-image:url('../images/next-button.png'); 
background-position:0px; 
background-repeat: no-repeat; 
height:60px; 
width:120px; 
outline: 0; 

} 

input[type=button]:hover 
{ 
background-position: 0px -66px; 
} 
input[type=button]:active 
{ 
background-position: 0px -132px; 
} 

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

здесь является HTML для кнопки

<input type="button" id="submit1" /> 

Благодаря кучу!

- EDIT--

Это правильный способ сделать это! спасибо за ответы ребята! CSS:

input[type=button] 
{ 
border: none ; 
background-image:url('../images/next-button.png'); 
background-position:0px; 
background-repeat: no-repeat; 
height:60px; 
width:120px; 
outline: 0; 

} 

input[type=button]:hover 
{ 
background-position: 0px -66px; 
} 
input[type=button]:active 
{ 
background-position: 0px -132px; 
} 

.next_btn{ 
border: none ; 
color:#FFFFFF; 
background-color:#FFFFFF; 
} 

и HTML:

<input type="button" class="next_btn" id="submit1"/> 

Answer 1

Попробуйте добавить в

border: none 

как атрибут для ввода [= кнопка типа].