Проблема формы только в IE6 и IE7

Question

По какой-то причине входные данные формы выходят за пределы левого поля ... Понятия не имею почему!

Ниже ссылка ..

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

Понятия не имею, почему это происходит. Возможно, Microsoft - это Microsoft, и у нее есть какое-то случайное правило, противоречащее стандартам.

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 , но есть множество вариантов.