内联无序列表IE7中复选框旁边的标签垂直对齐

Question

这个小提琴在FOX4，IE8中垂直对齐，但标签文字在IE7中略显不合适。

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

除了黑客/条件CSS之外，还有什么方法可以解决这个问题吗？

Answer 1

复选框在旧IE中有“硬”边距。在专门针对IE的样式表中给他们margin: -3px＆lt; 8。

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}