Changing the Submit to an image button

[Chrisj]

I am using this Form below for searching, with success. I'd like to change the Submit, to an image button. Can you give me an example of how/where I'd make this change?

 

Thanks

<form method="get" action="search.php" id="search">
  <div>
    <input type="hidden" name="type" value="images">
    <label for="sbi"><font size="6" color="#999999" face="Arial">Search:</font></label>
    <input type="text" name="keyword" id="sbi">
     <input type="submit" value="Search" name="B2" id="B2">
  </div>
</form>

 

CSS code:

#search label {
  color:#666;
  font:1.4em Arial,sans-serif;

}

#sbi {
  font:10pt verdana,sans-serif;
  height:1.4em;
  width:20em;
  color:#000;
  border:2px inset #F5F5F5;
  background-color:#FFF;
  
}

#B2 {
  font:10pt verdana,sans-serif;
  width:7em;
  color:#fff;
  letter-spacing: 1px;
  border: 1px inset #F5F5F5;
  background-color: #800000;

}

[rajivgonsalves]

<input type="image" src="path to image" name="..." value="..." />

[Chrisj]

Thank you