Делаю сайт в процентах и при вставке инпута в див уходит за границу. Никак не пойму в чем дело и как исправить. Хочу, чтобы интуп занимал все свои 10% и при масштабировании оставался на отведенном месте.
<div id="navigation">
<div class="inline-menu">
<div class="reg-link"><a href="#">Место под меню</a></div>
</div>
<div class="search">
<form action="search.php">
<input type="text" name="search" placeholder="Поиск">
</form>
</div>
</div>
.CSS
#navigation {
clear:both;
height:40px;
margin:auto;
padding-top:10px;
border-bottom: 1px solid maroon;
background-color:#F0F0F0;}
.inline-menu {width:90%; float:left;}
.search {width:10%; float:left; }
input {width:100%;}