Стилизованный input[text] проблема с div-ами

[CrazyPHP]

Привет. Решаю тут задачу стилизации поля ввода. При помощи js тег <input> обёртывается в конструкцию из div следующего вида:

<div class="input_text_box">
<div class="left_wrap"></div>
<div class="center_wrap">
<input type="text" name="text" size="20"/>
</div>
<div class="right_wrap"/></div>
</div>

CSS к нему:

input[type="text"], input[type="password"] {
    border: 0;
    background: transparent;
    height: 27px;
    padding-left: 7px;
    color: #666666;  
}
.input_text_box {
    display: inline-block;
}
.input_text_box .left_wrap {
    width: 2px;
    height: 27px;
    display: inline-block;
    background: url("/images/input_standart_left.png") no-repeat left top;
}
.input_text_box .center_wrap {
    height: 27px;
    display: inline-table;
    background: url("/images/input_standart_center.png") repeat-x;
}
.input_text_box .right_wrap {
    height: 27px;
    width: 2px;
    display: inline-block;
    background: url("/images/input_standart_right.png") no-repeat right top;
}

и вот, что в итоге получается:

средний div (.center_wrap) почему-то опущен вниз.

если во внутренних div-ах прописать float: left; то всё становится нормально (якобы), но текст по бокам всё равно позиционируется по старому (остаётся внизу, хотя должен быть посередине высоты строки):

Что же делать?

[buddah]

vertical-align не помогает?

[CrazyPHP]

vertical-align не помогает?

не помогает.

[buddah]

дайте ссылку на сайт

[CrazyPHP]

дайте ссылку на сайт

всё, разобрался, сделал боковые div-ы с position: absolute; (а родительский div с position: relative;) и разместил справа и слева при помощи left: -2px; и во-втором right: -2px; работает во всех браузерах

помогло сообщение пользователя Switch74 http://forum.htmlbook.ru/index.php?showtopic=32497&view=findpost&p=244515

отличный у вас форум

Edited February 4, 2012 by CrazyPHP