Бутон в поле тип "текст"

[our]

Странно, на много места ме спъва един и същи дизайн

Имам едно поле за търсене и бутончето е квадратно малко с лупичка.
Трябва да стои в края на самото поле, но вътре в него. Не знам дали се изразих правилно.

Пробвах всякакви варианти с z-index, absolute position и какво ли не и не мога да го измисля как да стане .. Идеи ?

mod emagi оптимизирано заглавие

 

[emagi]

Пробвай да направиш един DIV, в него сложи:

<input type="text" ..../>

полето, и до него бутона.Като на бутона зададеш background изображението "лупичка"

 

[our]

Лупичката минава на долният ред под полето ..
Трябва ми да е върху полето ..

 

[svilkaa]

Аз мойто съм го направил така:

<div id="search">
<input type="text" value="">
<input type="image" src="лупичка" value="Go" class="btn" >
</div>

#search {
background : url("картинка") no-repeat;
height : 32px;
margin : 0;
}
#search input {
background : transparent;
border: 0;
color : #a3a192;
font-size : 12px;
float: left;
margin : 7px 0 0 10px;
width : 175px;

}
#search .btn {
margin : 7px 0 0;
padding : 0;
width : auto;
}

Ето и двете картинки:
- http://svil4ok.info/blog/wp-content/themes/svil4ok/images/search-bg.png
- http://svil4ok.info/blog/wp-content/themes/svil4ok/images/search.png

демо: http://wt.svil4ok.info/test.html

 

[emagi]

Ето и нещо от мен:http://imoti.z-bg.com/test.html , само дето този хост нещо много се бъгна

 

[our]

Благодаря
Направих го по на svilkaa начина