How to apply gradient to the border of a div?

Question

How can I appply gradient to the border of a div using CSS ? Any one example please. I have tried using google, but not able to do it.

Answer 1

the trick is to use a wrapper and had an background image to it, so it's IE7+ proof

<span class="buttonWrapper">
   <input type="button" value="Submit" />
</span>

live example on JsBin

Answer 2

http://jsfiddle.net/nicktheandroid/b875w/1/

check out my demo, i'm in the process of trying to get the gradient to only be on the right border, not the others.