Вертикальное выравнивание меток рядом с флажком во встроенном неупорядоченном списке IE7

Question

Эта скрипка выравнивается по вертикали в FFOX4, IE8, но текст метки кажется немного неровным в IE7.

http://jsfiddle.net/6hQ8e/1/

Есть ли способ исправить это, кроме как с помощью хаков / условных CSS?

Answer 1

Флажки имеют «жесткое» поле в старых IE.Дайте им margin: -3px в таблице стилей специально для IE <8. </p>

Answer 2

Удалите эту строку из вашего CSS:

.selection label{padding:0; width:auto; vertical-align:bottom;}

И заменить следующим CSS:

.selection label{float: none; padding:0; width:auto; vertical-align:middle;}
.selection input{float: none}