Помогите с "резиновостью" элемента

[lolka84]

Всем привет.

Ребята, подскажите пожалуйста, не могу сообразить, как сделать вот такой элемент резиновым.

Заранее благодарю!

[klierik]

например нарезать спрайтом вот так:

http://screencast.com/t/UMWhaFVlh9V

или же так:

http://jsfiddle.net/klierik/YDQXF/

[hypnocolor]

Примерно так.

А вообще, мне кажется, или градиент у «рамки» диагональный?

Edited June 6, 2013 by hypnocolor

[lolka84]

Спасибо, за помощь.

Да, именно из-за градиента и возникли проблемы

http://jsfiddle.net/klierik/YDQXF/ - этот вариант хорош, но этого треклятого градиента тут нет

+ эта штука должна "работать" в ie8

У меня лично мыслей нет совсем как это реализовать, надеюсь на ваши подсказки!

UPD.

Вот так оно выглядит в растянутом состоянии (тут видно, как ведет себя градиент).

Edited June 6, 2013 by lolka84

[klierik]

http://jsfiddle.net/klierik/YDQXF/2/

под ИЕ8 есть http://css3pie.com/ но за адекватную его работу я ручатся не буду.

[hypnocolor]

PIE, насколько помнится, поддерживает только линейные градиенты. На Стековерфлоу предлагают способ с двумя слоями, наложенными друг на друга. К сожалению, нет возможности сейчас проверить его в IE8, но лично я бы в подобной ситуации, конечно, для IE просто оставил линейный градиент, для нормальных браузеров — диагональный.

[lolka84]

Насчет pie согласен полностью, что штука кривая и глючная, но что делать...

Еще раз спасибо, вы мне очень помогли!