gradiend и background-image

[Deff]

<style>
    span.input {
    	display:inline-block;
        background-image:
            url('http://s1.uploads.ru/i/71qdN.png');


        background-repeat: no-repeat;
        background-position: 0 center;
        background-size: 100% 100%;
    }
input {
        color: #fff;
        font-size: 16px;
        font-weight:700;
        background-color: transparent;
        background-image:
            url('http://javascript.ru/forum/images/smilies/smile.gif');
        background-repeat: no-repeat;
        background-position: 0 center;
        width: 120px;
        height: 30px;
</style>
<span class="input"><input type="button" value="Жми" /><span>

[svs_js]

не совсем подходит такой вариант
градиент в моем случае должен быть градиентом, а не картинкой ( я бы давно уже так сделал бы

[Deff]

svs_js,
Чисто любопытство - в чем проблема с картинкой - она же растянута ?

И по вертикали и по горизонту

[devote]

Deff,
зачем картинка? SVG можно использовать как картинку, так же задавая ее через data:URI, проблема лишь в том что он не сможет ипользовать множественное количество картинок в ИЕ9, потому что он не поддерживает эту возможность.

[devote]

вот онлайн конструктор CSS3 градиентов для всех браузеров http://www.colorzilla.com/gradient-editor/

[Aetae]

Братюни, а почему бы не использовать <button> и не парить мозги?