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

该小提琴在FFOX4、IE8中垂直对齐，但标签文本在IE7中显示为略微偏离直线

---

除了使用hacks/conditional CSS，还有什么方法可以解决这个问题吗

从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}

---

从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}

---

在旧版IE中，复选框有一个“硬”边距。在IE<8的样式表中为它们指定

边距：-3px

。

复选框有一个“硬”边距旧IE中的边距。在IE<8的样式表中为它们指定

margin:-3px

。

我不认为垂直对齐：中心是属性的有效值，因此使用了middle，效果很好。忘记了不能将垂直对齐应用于块/浮动元素。@RyanP13-很抱歉-一定是白日做梦，但我很高兴你能使它工作，我相应地给出了我的答案。只是出于兴趣，如果你问一个不需要条件CSS的答案，为什么你要接受一个需要条件CSS的答案？我不认为垂直对齐：中心是属性的有效值，所以使用中间，效果很好。忘记了不能将垂直对齐应用于块/浮动元素。@RyanP13-很抱歉-一定是白日做梦，但我很高兴你能使它工作，我相应地给出了我的答案。只是出于兴趣，如果你问一个不需要条件CSS的答案，为什么你会接受一个需要条件CSS的答案？对不起，我的头痛更适合回答没有条件CSS的问题。我仍然会收到一封问候信：）对不起，我的头痛更适合在没有条件CSS的情况下回答这个问题。还是从我这里得到了一个免费的礼物：）