Input field background picture?

Is it possible to apply a background picture to an input field? If so, could you post example code on how to work that?

<input style="background-image:logo.gif" value="text here" size="29" type="text" />

Something like this:-

<style type="text/css">
<!--
INPUT { background-color: teal}
TEXTAREA { background-image: url(image.gif)}
.special { background-color: red; }

-->
</style>


<form name ="myform">
Your Name:
<INPUT type="text">
Your Message
<TEXTAREA cols="20" rows="10"></TEXTAREA>
<INPUT class="special" type="submit">
</form>