CSS - HTML

ik ben bezig om een button in me menu te doen. maar ik blijf vast zitten
ik wil een eigen button gebruiken in plaats van de normale.

html code:

<input type="submit" class="cssbutton" value="Search" />

Css code:

cssbutton {
    background-image: images/button.png;
    font-size: 14px;
    font-family: Tahoma, Geneva, sans-serif;
    text-align: center;
    width: 124px;
}

hoe moet ik het wel doen?
alvast bedankt

Ik heb al op google gezocht!!!

cssbutton {
    background-image: url (images/button.png);
    font-size: 14px;
    font-family: Tahoma, Geneva, sans-serif;
    text-align: center;
    width: 124px;
}

of in je menu? dan moet hij moet linkbaar zijn als ik het goed begrijp?

ja.
goed dat je het zegt was vergeten de link er in te verwerken maar dan word de html code

<a href="link"><input type="submit" class="cssbutton" value="Search" /></a>

toch?

hij linkt nu welmaar ik krijg nog steeds een standaart button en niet me eigen
ps: bedankt voor je snelle reactie

nee zo werkt dat niet.
Als je echt een menu met buttons wil hebben dan gebruik je geen input. Dat is alleen voor een formulier. Een menu met button maak je zo:

css:

a.link {
    background-image: url (images/button.png);
    font-size: 14px;
    font-family: Tahoma, Geneva, sans-serif;
    text-align: center;
    width: 124px;
}
a.link:hover {
    background-image:url (images/button.png);
    font-size: 14px;
    font-family: Tahoma, Geneva, sans-serif;
    text-align: center;
    width: 124px;
}

en dan de height er nog bij van je button
html:

<a href="#" class="link">home</a>

die doet het niet.

Die van marjolein moet het doen.

ik heb nu:

<li><a href="index.php?p=contact"><img src="images/button.png" border="0" /></a></li>

nu wil ik er alleen nog het woordje Home in.
en als ik er dan value="Home" in zet dan staat er niks in.

edit///
het is geluktbedankt marjolein en ordian

Die code heb ik sinds gisteren, ik post hem vanavond even wanthet kan veel makkelijker als hierboven