IE8兼容性问题

[buyue__]

<style>
* {
    padding: 0px;
    margin: 0px;
}
#search-2013 {
    float: left;
    width: 330px;
    padding: 4px 86px 0px 0px;
}
#search-2013 .i-search {
    z-index: 11;
    width: 304px;
    height: 30px;
    margin-bottom: 3px;
    border: 3px solid #E4393C;
}
.ld {
    position: relative;
}
#search-2013 .form {
    height: 30px;
    overflow: hidden;
    width:100%;
}
.form input {
    float: left;
}
#search-2013 input {
    margin: 0px;
    padding: 0px;
    height: 30px;
    border: 0px none;
}
#search-2013 .text {
    width: 216px;
    height: 30px;
    padding: 5px;
    background-position: 0px -360px;
    background-color: #FFF;
    background-repeat: repeat-x;
    line-height: 20px;
    color: #999;
    font-family: arial;
    font-size: 14px;
}
#search-2013 .button {
    width: 88px;
    background: none repeat scroll 0% 0% #E4393C;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    /*float: right;*/
    display: inline-block;
}

</style>


<div id="search-2013">
	<div class="i-search ld">
	<!-- <ul id="shelper" class="hide"></ul> -->
	<div class="form">
		<input class="text"  type="text">
		<input value="搜索" class="button"  type="button">
	</div>
</div>

</div>

上面的代码在火狐，谷歌浏览器上都可以，但在ie8上，第二个input会超过宽度

[滴滴月空雨]

显示是正常的，，，，

[shengxin16]

设置了padding导致的

[daswcszxw]

你用这么多padding可以完全还原设计图吗? .ld width:100% .form input border: 0px none; 这些有什么意义?