Верстка поисковой формы

На сайте есть поисковая форма. Есть картинка, вписываются слова, полоса прокрутки... но текст, при наборе в поисковой строке, почему-то заезжает вправо еще где-то на 30px (за пределы самой формы). Помогите, пожалуйста, установить причину сего казуса.

Index код:

<div id="searh" >

<form action="www.сайт.ru" method="post" id="search-form">

<p>

<input type="text" name="query" maxlength="80" placeholder="Searh" required/>

<input type="submit" name="submit" value="Search!" />

</p>

</form>

</div>

CSS:

#search {

float: left;

display: inline;

height:30px;

width:200px;

margin: 48px 0px 0px 80px;

}

form#search-form {

float: right;

}

form#search-form input[type="text"] {

background: url(../img/search.png) no-repeat;

border: none;

height:20px;

padding:2px 0px 0px 30px;

margin:0px;

width:190px;

float:left,

display:inline-block;

display: block;

}

form#search-form input[type="submit"] {

display: none;

cursor: pointer;

}