只有IE6和IE7中的表單問題

Question

由於某種原因，表單輸入正在推開左邊距..我不知道爲什麼！

下面是鏈接..

http://mimedx.com/mg/contactus.php

我不知道爲什麼會這樣。也許微軟是微軟和具有與標準衝突的一些隨機的規則..

CSS：

#content form { overflow: hidden; width: 550px; } 
#content form ul { padding: 0; } 
#content form li { list-style: none; float: left; width: 250px; padding: 4px 0; } 
#content form label { display: block; width: 100px; line-height: 15px; font-size: 1em; padding-bottom: 2px; font-weight: bold;} 
#content form input { display: block; width: 200px; padding: 4px; margin: 0; line-height: 14px; font-size: .9em; background-color: #f7f7f7; border: 1px solid #d4d4d4; color: #4d4d4d; } 

HTML：

 <form action="/mail.php" method="post" name="contactForm" id="contactForm">   
    <ul> 
     <li> 
      <label for="first_name">First Name</label> 
      <input type="text" name="first_name" id="first_name" /> 
     </li> 
     <li> 
      <label for="last_name">Last Name</label> 
      <input type="text" name="last_name" id="last_name" /> 
     </li> 
     <li> 
      <label for="phone">Phone</label> 
      <input type="text" name="phone" id="phone" /> 
     </li> 
     <li> 
      <label for="email">Email</label> 
      <input type="text" name="email" id="email" /> 
     </li>   
     <li class="full"> 
      <label for="comments">Comments</label> 
      <textarea name="comments" id="comments"></textarea> 
     </li> 
     <li> 
      <input type="submit" name="submit" id="submit" value="Submit" /> 
     </li> 
    </ul> 
    </form> 

Answer 1

列表元素是負責任的，在IE中一個相當普遍的問題。

嘗試設置

#content form ul { margin: 0; } 
#content form li { margin: 0; } 

更一般地，你可能會發現使用reset css有用。這刪除了瀏覽器的特定樣式，併爲您提供了一個「空白畫布」。我總是使用YUI Reset，但有很多選項。