ie6、ie7—input{border：none}无效问题及ie8及以下的input文本框文字偏上问题

问题一：

产生环境：ie6、ie7

产生条件：当想给input元素去掉边框时给input元素添加声明border：none；如下：

<div class="search_box">
        <input type="text" class="search_input">
        <input type="button" class="search_btn" value="搜索">
</div>

*{margin: 0px;padding:0px;}
input{border: none;}
.search_box{width:300px;height:200px;background: red;float: left;}
.search_input{width:200px;height: 20px;float: left;}
.search_btn{width: 50px;height:20px;float:left;}

ie6、ie7浏览器除外的浏览器显示结果：

ie6、ie7的显示结果：

<