Проблема позиционирования метки в IE7, проблема с шириной div

Question

У меня проблема с ярлыками внутри fieldset (форма обратной связи). Он правильно отображается в Firefox, Opera, IE6, но выглядит ужасно в IE7 См. Эту страницу здесь . Вы также можете найти pg.css (основной файл ccs), ie6.css, ie.css.

HTML код:

<fieldset>
    <legend>Вы можете отправить нам вопрос прямо с этой страницы, заполнив форму</legend>
    <form action="mail.php" method="post">
        <label for="name">Имя*</label> <input type="text" name="name"><br>
        <label for="tel">Телефон</label> <input type="text" name="tel"><br>
        <label for="email">E-mail*</label> <input type="text" name="email"><br>
        <label for="title">Тема вопроса</label> <input type="text" name="title"><br>
        <label for="mess">Вопрос*</label><textarea name="mess"></textarea><br>
        <label for="submit">&nbsp </label><input type="submit" value="Отправить" name="submit" class="button"><br>
        <label for="reset">&nbsp </label><input type="reset" value="Очистить" class="button"> 
    </form>
</fieldset>

Код CSS:

label {
    float:left;
    width:25%;
    text-align:right;
    margin-right:5px;
}

textarea {
    width: 400px;
    height:200px;
    font-size: 110%;
}

input, textarea {
    padding: 2px;
    margin: 5px;
    border:1px #7a974d solid;
    background: #f1ece8;
}

Вторая проблема заключается в том, что коричневая линия в IE7 не является 100% ширины основного div.

#text, #text1 {
    border-top: 3px solid #4d320f;/*brown line*/
    float: left;
    margin: 0 1em 0 1em;
    padding: 7px 0 0 0;
}

Мне кажется, что div = текст не такой же ширины, как div=container и верхний div с логотипом и меню (div = maincontent). Ширина div=text зависит от самого большого абзаца. На моей странице ширина div = text такая же, как последний абзац внизу страницы, поэтому коричневая линия такой же ширины:

<p class="bottom">&copy; Copyright <a href="http://www.pg.ru/contact.htm">«ПартнерГрупп»</a>.  Москва, ул. Давыдковская, д. 12, стр.7, <b>(495) 725-14-09</b></p>

width:100% не помогает. Я не могу понять, что может быть не так. Я не специалист в css и мне нужна ваша помощь.

Answer 1

После просмотра вашего кода, проблема, кажется, возникает выше в вашем CSS. В pg / pg.css есть блок кода, который выглядит следующим образом:

#maincontent {
    float: left;
    margin: 0 0 10px 0;
}

Если вынуть поплавок: слева; все начнет правильно выстраиваться в IE7.