масштабирование полей ввода при использовании Firefox Zoom

Question

У меня проблема при уменьшении масштаба, мое поле ввода перекрывается, и это происходит везде:

вот изображение двух видов:

это происходит только в Firefox, то есть в порядке

http://i.imgur.com/wtUIS.png

<div id="topnav">
<input type= "text" id ="search_value" value="Search" onKeyPress="onEnter(event)"/>
</div>

#topnav
{
position: relative;
background-color: #FFFFFF;
top: 10px;
left: 5px;
padding: 5px;
height: 30px;
width: 910px;
border: 1px solid #000000;
}

#search_value
{
margin-top: 5px;
margin-right: 5px;
float: right;
font-size: .8em;
width: 150px;
}

Как я могу заставить свои элементы оставаться там, где они должны быть?