Rund knap med lidt begynderproblemer

Inspireret af andre her på Eksperten har jeg (forsøgt) at "dreje" mig en knap:

<STYLE type=text/css>
.button {
  background-image: url('/images/knap/rund_bestil_oppe.png');
  width: 80px;
  height: 80px;
}

.button:hover {
  background-image: url('/images/knap/rund_bestil_nede.png');
  width: 80px;
  height: 80px;
}
</STYLE>

....

<input type="button" class="button" onclick="location.href='http://www.eksperten.dk'" />

Det lykkes - næsten.

1) Hvorfor ændres knappen ikke ved hover (curser over knap)?
2) Curser ændres ikke til "hånd" når den er over knappen?
3) Billed af knappen er rundt men feltet er firkantet! Kan jeg lave en rund knap med css så jeg ikke behøver billeder?