Странная ошибка в Chrome 9

Question

У меня возникла странная проблема с Google Chrome 9: я указал левое поле для элемента ввода, но Chrome игнорирует его при загрузке страницы.

Однако, когда я открываю Инструменты разработчика и выключаю и снова включаю это конкретное объявление, поле применяется правильно.

Правило, о котором идет речь:

margin: 8px 0 0 33%;

Я думал, что это как-то связано с микширующими единицами, но с использованием:

margin: 1% 0 0 33%;

У меня та же проблема.

Проблема возникла только в Chrome, IE9 и Firefox 3.6 применяют поле без проблем.

Это известная проблема и как я могу обойти ее?

Кстати, я использую 64-битную Windows 7 Ultimate, я еще не тестировал другие версии / операционные системы.

Обновление: У меня точно такая же проблема с Chrome 9 в Linux / Ubuntu 10.10

Answer 1

Я возился с CSS в Firebug и обнаружил, что это работает:

margin-top:8px;
margin-left:33%;

Answer 2

Вам нужно очистить значения с плавающей точкой, вы можете сделать это, добавив переполнение: скрытое для элемента UL, который обертывает LI.

#block_contact_form ul { overflow:hidden; }

Answer 3

1. установить position:relative для родительского элемента (например: li ИЛИ span)
2. установить float:left (для левого направления) или float:right (для правого направления) дляэтот вход [type:button].

Answer 4

Кажется, решение найдено, но если решение css для такой ошибки невозможно, всегда можно попытаться установить css, используя JQuery или простой javascript.

$(.button input).css({margin: 8px 0 0 33%});