Button stylen

Ik heb 2buttons naast elkaar, maar de button moet een plaatje zijn. Als ik dat doe dan heeft hij alsnog een plaatjes achtige uitstraling. Hoe zorg ik dat dat weg gaat, maar dat hij wel werkt als een button??

style:

.todo {background:url(images/buttontab.png) no-repeat; font-family:Franklin Gothic Demi; color:#33cccc; font-size:16px; width:111px; height:25px; margin-right:-20px;}
.done {background:url(images/buttontabClicked.png) no-repeat; font-family:Franklin Gothic Demi; color:#333; font-size:16px; width:111px; height:25px;}

html:

<input type="button" class="todo" value="To Do" onClick="window.location.href=?todo" />
                <input type="button" class="done" value="Done" onClick="window.location.href=?done"  />

Dit is het nu:

Spoiler tonen

zo moet het zijn:

Spoiler tonen

Alvast bedankt!

Ik weet het niet zeker (tijdje geleden dat ik css heb gebruikt ) maar probeer eens border: 0;

Ik zie geen verschil in wat het moet zijn en wat het nu is?

Rik schreef:

Ik zie geen verschil in wat het moet zijn en wat het nu is?

Hij bedoelt dat het lijkt alsof er op de button een effect zit alsof ie eruit springt, maar dat wil ie weg hebben. Beetje de bevel & emboss functie van PS.

Gewoon border: 0;. Het is een input die altijd een border geeft.

Ik gebruik altijd border: none;!

Bedankt!! het is gelukt.