使用firefox缩放时缩放输入字段

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;
}

如何让我的元素保持原样？