Проблемы с позиционируемой панелью поиска abs во всех IE?

Question

Я пробовал поискать в Google, но не могу найти подсказок по моей проблеме. Theres так много исправлений IE, я не могу думать, что происходит с этим.

То, что у меня есть, это макет из 3 столбцов с верхним и нижним колонтитулами. Левый столбец и div основного содержимого находятся в контейнере div, который перемещается влево (левый столбец и основной контент перемещаются влево / вправо внутри него). Правый столбец всплывает вправо.

В основном разделе содержимого у меня есть панель поиска, в которой HTML-код находится внизу (под любым содержимым), но находится в абсолютном положении, поэтому вверху. (см. изображение) альтернативный текст http://www.flickr.com/photos/47949149@N05/4394899733/

Это прекрасно работает в IE6 + и FF до тех пор, пока я не загружу одну из страниц, на которой есть раскрывающееся меню для заказа товаров (т.е. -Цена: от низкой к высокой и т. Д.).

По какой-то причине это приводит к тому, что все версии IE сходят с ума и добавляют строку поиска внизу ввода 'order by' и удаляют стилизацию *

вот HTML:

<div id="maincontent">
<h1 class="title">Search</h1><h2 class="ban" >&nbsp;&nbsp;Browsing all </h2>
<div class="ban">
<form class="ban" method="GET" action="/search.php">
Order by: <input type="hidden" name="q" value="" /><input type="hidden" name="page" value="1" />
<select name="sort" onchange="JavaScript:this.form.submit();">
<option value="relevance" selected='selected'" >Best Match</option>
<option value="rating" " >Rating</option>
<option value="priceAsc" " >Price: Low to High</option>
<option value="priceDesc" " >Price: High to Low</option></select><noscript>
<input type="submit" value="Go" /></noscript></form></div>

и поиск по HTML ...

<div id="searchform">
  <form name="search" action="/search.php">
    <input type="text"  onblur="javascript: this.className = 'ba1';" onfocus="javascript: this.className = 'focused';" class="ba1" name="q" id="q" size="50" value="" />

    <button value="search" type="submit" class="submitBtn"><span>search</span></button>
  </form> 
  <p>
  <small>Search or browse by
  <a href="merchants.php">merchant</a> 
  <a href="categories.php">category</a>&nbsp;or
  <a href="brands.php">brand</a>
  </small>
  </p>
  <script type='text/javascript'>document.search.q.focus();</script></div>

Doctype - XHTML 1.1

Answer 1

Извините, я пропустил CSS, немного спешу и совершенно забыл об этом. Был в процессе создания версии SSCCE, как рекомендовано BalusC, и столкнулся с проблемой.

Мой php выкладывал слишком много двойных кавычек для каждого. Если вы посмотрите на HTML, после поля 'value' появится дополнительный кавычка. FF и любой другой браузер были достаточно умны, чтобы игнорировать его, кроме IE (даже IE8).

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

Так что в раунде о том, как BalusC решил мою проблему, я бы проголосовал за вас, но все же новичок в стеке :-( спасибо