Поле поиска, создающее повторяющиеся div-классы в IE8 и IE9

Question

Веб-сайт, над которым я сейчас работаю, выглядит странно в IE8 и IE9. Проблема заключается в моей форме поиска в верхней части страницы. Он создает двойной класс, в котором он не должен (у меня есть один класс «поиска» и т. Д.), И он заставляет мою кнопку facebook в другую строку ниже внутри дублированного div.

Пожалуйста, посетите http://tbuas.firedogbeta.com в IE8 или IE9 и посмотрите окно поиска вверху. Я действительно в тупике.

Answer 1

Вам не хватает открывающего тега на вашем элементе <a>. Сразу после тега <div class="search"> положите тег <a>.

Firefox автоматически вставляет это для вас, но IE явно не знает, куда его поместить, поэтому он полностью игнорирует конечный тег. Конечный тег уже существует, поэтому после этого исправления все должно быть хорошо.

Answer 2

Вы <a/> вместо </a> на этой линии:

<div class="logo"><a href="/index.php"><img src="/themes/TBUAS/images/tbuas-logo.png" alt="TBUAS" /><a/></div> 

Answer 3

в светлячок, если отсутствует закрывающий тег, он автоматически делает закрывающий тег, поэтому мы не видим каких-либо проблем. Но в IE это не так.