Форматирование переключателей в IE8 (не отображается правильно)

Question

У меня проблема с правильным расположением кнопок (и флажков) в IE8. Однако Firefox, Chrome, Opera все работают ...

Вот скриншот проблемы

Код ниже:

.row input (line 471) {
  float: left;
  display: inline;
  width: 16px;
  height: 16px;
  margin-top: 0pt;
  margin-right: 5px;
  margin-bottom: 0pt;
  margin-left: 0pt;
}
.row label (line 479) {
  float: none;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}
div.panes label (line 70) {
  font-size: 95%;
  font-weight: bold;
  color: #222222;
  line-height: 150%;
  padding-bottom: 3px;
  display: block;
}

<label for="AdditionalResponses_0__Response" id="AdditionalResponses_0__Response_Label">Single answer</label>
<div class="row " id="AdditionalResponses_0__Response">
  <input id="AdditionalResponses_0__Response_one" name="AdditionalResponses[0].Response" type="radio" value="one" />
  <label for="AdditionalResponses_0__Response_one" id="AdditionalResponses_0__Response_one_Label">one</label>
  <input id="AdditionalResponses_0__Response_two" name="AdditionalResponses[0].Response" type="radio" value="two" />
  <label for="AdditionalResponses_0__Response_two" id="AdditionalResponses_0__Response_two_Label">two</label>
  <input id="AdditionalResponses_0__Response_three" name="AdditionalResponses[0].Response" type="radio" value="three" />
  <label for="AdditionalResponses_0__Response_three" id="AdditionalResponses_0__Response_three_Label">three</label>
  <input id="AdditionalResponses_0__Response_four" name="AdditionalResponses[0].Response" type="radio" value="four" />
  <label for="AdditionalResponses_0__Response_four" id="AdditionalResponses_0__Response_four_Label">four</label>
</div>

Извините за одну длинную строку, но вот как я получил ее через источник ..

Answer 1

Я не уверен, но - вы пробовали очистить свойство?
в вашем случае значение останется, я думаю
Источник w3

Answer 2

Похоже на еще один случай IE Stepdown: Предотвращение перехода в меню

Answer 3

Вы пытаетесь выровнять их по вертикали или по горизонтали?

Если вертикально, добавьте это к вашему CSS

.row label {
    display: block;  
}

и измените разметку так, чтобы ваши входы были обернуты надписями. Вам не придется использовать атрибут for = "" таким образом.

* +1007 *

Если горизонтально, добавьте

.row input, .row label {
    float: left;  
    display: block;  
}

Answer 4

Попробуйте удалить высоту или число с плавающей точкой .row. Старайтесь также не регулировать высоту строки.