Поле ввода в форме поиска css выглядит ужасно в IE7

Question

Вот скриншот моей веб-разработки:

Снимок экрана http://img12.imageshack.us/img12/2668/searchin.jpg

код: http://jsfiddle.net/pwDXj/5/

Div вокруг поля ввода для niftycube, так что углы закруглены.Я не могу понять, почему IE показывает поле ввода с таким большим левым полем, у кого-нибудь есть идея?

Заранее спасибо.

Answer 1

Код, вызывающий сбой, кажется left-margin из 50px на #suche #bginput.IE7 не отображает это так же, как другие браузеры.Там, где они вычисляют поле слева от содержащего элемента, IE7 вычисляет его с правой стороны объекта, который всплывает влево.

Я бы предложил плавать #suche #bginput вправо, а не устанавливатьleft-margin.

Answer 2

Это не полный ответ, но он может указать вам правильное направление. Вы, вероятно, должны установить некоторые специальные CSS для IE7. Для этого вы можете использовать условные комментарии .

Answer 3

заменить этот CSS

Suche

{ширина: 220px;высота: 30 пикселей;положение: абсолютное;справа: 0px;низ: 0px;цвет фона: # cbddf1;} #suche form {margin: 0px;отступы: 5px 0px 0px 10px;} #suche label {color: # 003399;плыть налево;размер шрифта: 0,85em;высота строки: 24px;отступ справа: 10 пикселей;} #suche #bginput {background-color: # EFF5FC;плыть налево;высота: 18 пикселей;обивка: 2px;ширина: 150 пикселей;} #suche input {margin: 0px;границы: 0px;цвет: # 003399;размер шрифта: 0,7em;ширина: 140 пикселей;цвет фона: # eff5fc;}