Internet Explorer 8和复选框CSS问题

目前，我在Internet Explorer 8忽略包含复选框的列表中的填充/线条高度时遇到问题

首先是我的CSS和XHTML标记，问题发生在包含Private的列表元素上

目前，Firefox 3、Internet Explorer 7、Safari 3、Google Chrome完美地呈现了这个列表。但这就是InternetExplorer8呈现列表的方式

有人能提出一个解决这个问题的方法吗

---

提前谢谢

我也曾经在IE8上遇到过一些问题。所以，我声明了一个不同的doctype，它成功了

目前，您正在起诉xhtml transitional

试试这个：（确定，编辑）

在此处阅读有关doctype以及它们如何修复站点的更多信息：

---

到目前为止，我对IE8的有限经验是，它对正确的标记非常挑剔。因此，你有一个没有相应头部的接近标签。看看这是否有帮助

在IE（以及Opera）中，复选框似乎不参与li的内联内容，因此，由于标签也不是因为它是浮动的，所以li的行高设置没有效果

在复选框行中的标签后添加一个，这将足以使行高度生效，并且所有li将具有相同的高度

// fix for ie8 printed checkbox bug using jquery
$('input[type=checkbox]').live('change', function(){
    if($(this).is(':checked')){
        $(this).attr('checked', true);
    } else {
        $(this).attr('checked', false);
    }
});

---

修复这个问题并没有改变问题。它修复了问题，但破坏了我网站的其他部分：/CSS方面的原因有什么想法吗？它应该是严格的XHTML 1.0，因为您使用的是XHTML语法而不是HTML4。无论哪种方式，严格/过渡模式通常在完全标准和“几乎标准”模式之间切换；通常差别不大。奇怪的是，您的过渡doctype应该让您处于几乎标准的模式，这比完全标准更接近IE7所做的。将其设置回strict修复它！谢谢我刚看了一眼歌剧中也出现了同样的问题！啊！

// fix for ie8 printed checkbox bug using jquery
$('input[type=checkbox]').live('change', function(){
    if($(this).is(':checked')){
        $(this).attr('checked', true);
    } else {
        $(this).attr('checked', false);
    }
});