создание настраиваемого окна поиска

Question

Я пытаюсь создать настраиваемое окно поиска. Я пробовал следующее, но получаю странные результаты.

это мой CSS код

.inputboxSearch { 
margin: 0 0 1em 0; 
border: 1px solid #333333; 
background:url('images/searchbox.png') no-repeat; 
padding-right:20px; 
} 

где searchbox.png является полным образом (180 * 30 PNG) в виде SearchBox. Тогда у меня есть следующий код.

<input class="inputboxSearch" type='text' name='search' size='25'/> 

Но, как представляется, является то, что поле для поиска изображений приходит внутри поля ввода, и это только половина отображается. Отдых не отображается. Но wat, которого я ожидал, окно поиска должно охватывать окно ввода. В любом случае, торможение здесь происходит. Как решить эту

Answer 1

Набор .inputboxSearch границу непревзойденными, и увеличить ее высоту 30px:

.inputboxSearch { 
    background: url("images/searchbox.png") no-repeat scroll 0 0 transparent; 
    border: none; 
    height: 30px; 
    margin: 0 0 1em; 
    padding-right: 20px; 
}