爲什麼在IE中輸入錯位？它在Firefox和Chrome中是否正常

Question

爲什麼輸入在IE中錯位？在Firefox和Chrome中無關緊要。輸入不顯示在圖像下方的右側。由於我無法在此處發佈圖片，因此我會在代碼中添加「xxx」而不是圖片網址，並在評論中添加CSS和截圖網址。非常感謝

<li class="img"> 
    <div class="pic"> 
     <img width="117px" height="70px" src="attachment/201202/21/1_1329785854VWAO.jpg.thumb.jpg"> 
     <div class="remove" style="display: none;"> 
     </div> 
    </div> 
    <input type="text" placeholder="say something" value="" class="txt"> 
</li> 

li.img { 
    background: none repeat scroll 0 0 #FFFFFF; 
    height: 102px; 
    overflow: visible; 
    padding: 0 4px; 
    position: relative; 
    width: 117px; 
} 
li { 
    float: left; 
    margin-left: 10px; 
} 
li { 
    list-style: none outside none; 
} 
.pic { 
    margin-bottom: 5px; 
    overflow: hidden; 
} 
.txt { 
    border: 1px solid #DEDEDE; 
    color: #999999; 
    float: left; 
    height: 20px; 
    line-height: 20px; 
    margin-left: 0; 
    padding-left: 6px; 
    width: 108px; 
} 

Answer 1

把文本輸入框在自己的股利和浮動DIV向左：

<li class="img"> 
    <div class="pic"> 
     <img width="117px" height="70px" src="attachment/201202/21/1_1329785854VWAO.jpg.thumb.jpg"> 
     <div class="remove" style="display: none;"> 
     </div> 
    </div> 
    <div class="txt"> 
     <input type="text" placeholder="say something" value="" class="txt" > 
    </div> 
</li> 

---

li.img { 
    background: none repeat scroll 0 0 #FFFFFF; 
    height: 102px; 
    overflow: visible; 
    padding: 0 4px; 
    position: relative; 
    width: 117px; 
} 
li { 
    float: left; 
    margin-left: 10px; 
} 
li { 
    list-style: none outside none; 
} 
.pic { 
    margin-bottom: 5px; 
    overflow: hidden; 
} 
div.txt { 
    float: left; 
} 
input.txt { 
    border: 1px solid #DEDEDE; 
    color: #999999;  
    height: 20px; 
    line-height: 20px; 
    margin-left: 0; 
    padding-left: 6px; 
    width: 108px; 
}