Форма поиска со скруглениями 2

Особенность: используется 3 картинки: 1 шт. - фон контейнера, 2 шт. - левый и правый углы контейнера
Края уголков прозрачные. Поле ввода тянущееся.

Скачать

DEMO

HTML

<div class="search_form">
<form method="get">
     
<div class="text_bg_l">
  <div class="text_bg_r">
      <div class="text_bg">     
<input type="text" onblur="javascript:if(this.value == '') { this.value = 'Введите текст';}" onfocus="javascript:if(this.value == 'Введите текст') {this.value = '';}" value="Введите текст" name="keywords" />
     </div>
  </div>
</div>

</form>
                                    <div style="clear: both;"></div>
</div>

CSS

.search_form .text_bg {background:url('images/text_bg.png'); margin-left: 6px; margin-right: 6px; height: 27px; line-height: 27px;}
.search_form .text_bg input {border: 0;}
.search_form .text_bg_l {background:url('images/text_bg_l.png') no-repeat 0 0; }
.search_form .text_bg_r {background:url('images/text_bg_r.png') no-repeat 100% 0; }

.search_form .text_bg_r {}
.search_form .text_bg_l {width: 300px;}
.search_form .text_bg_l input {height: 1.4em;}

IMAGES