Не могу ввести текст в определенные поля ввода в IE7

Question

У меня есть сайт с окном поиска, которое отлично работает во всех браузерах, кроме IE7. Другие текстовые поля с того же сайта работают. Вот пример страницы:

http://rosettabooks.com/search/node

В IE7 я могу ввести текст в поле поиска в области содержимого на странице (расширенный поиск), но я не могу ввести текст в поле поиска в панель навигации под заголовком. У меня нет проблем с firefox / chrome / safari / ie8.

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

Кроме того, я не могу установить инструменты разработчика, чтобы проверить css на стороне Windows, и могу использовать только firebug с firefox, чтобы попытаться устранить эту проблему.

Я видел похожие проблемы с IE7, связанные с перерегистрацией определенной библиотеки DLL, но эти случаи, по-видимому, относятся к людям, которые вообще нигде не могут вводить текст, и это не моя проблема. Кажется, это как-то связано с моим css, возможно css на родительском элементе, но я не могу найти проблему.

Answer 1

Решение, которое я нашел, состоит в том, чтобы добавить для #search-box следующее position:relative;z-index:100.

Answer 2

Попробуйте задать для div "primary-menu" ширину 650 пикселей или около того.Проблема в том, что этот элемент расположен над текстовым вводом.

Бывают моменты, когда IE7 позволяет <div> элементам (ну, например, любому элементу блока) расширяться по горизонтали, чтобы заполниться до ширины контейнера, даже когдаэлемент позиционируется специально.