CSS显示：内联块不'；我不在IE7工作

我创建这个只是为了解释我的问题。它是将某些列表项显示为内联块的示例。我有一个原创的方法，也不管用，所以我用了这个

这在FF和IE7中作为一个独立的应用非常有效

不幸的是，在我的网站上的实现中，它在IE7中没有正确显示（它们看起来一个叠在另一个上面）

火狐

IE7

现在，有人能告诉我为什么在我的示例中它们不起作用吗（请看上面的图片并查看站点，它在最右边（不能错过它）

如果我给列表项一个明确的宽度，这在IE7中似乎是可行的——但这似乎很危险，而且是我不想做的额外维护。我可能可以做

li#nsw{width:3.5em}

，但它很难看，我不应该这样做

我确实用过

如果你知道一个解决方案，请告诉我

谢谢

更新 下面是复选框的HTML

<ul class="checkboxes">
    <li><input type="radio" id="free-case-review-nsw" value="nsw" name="state" /><label for="free-case-review-nsw"><acronym title="New South Wales">NSW</acronym></label></li>

    <li><input type="radio" checked="checked" id="free-case-review-qld" value="qld" name="state" /><label for="free-case-review-qld"><acronym title="Queensland">QLD</acronym></label></li>

    <li><input type="radio" id="free-case-review-nt" value="nt" name="state" /><label for="free-case-review-nt"><acronym title="Northern Territory">NT</acronym></label></li>

    <li><input type="radio" id="free-case-review-other" value="other" name="state" /><label for="free-case-review-other">Other</label></li>
  </ul>

---

虽然我确实建议查看上面的站点，但由于继承了更多CSS，特别是通过使用样式重置。

最有可能的是，您意外地触发了其中一个子项，

输入或
标签，据我所知，这是“float:right”无论你在做什么，都不要在标签上设置float:right

当我删除“float:right”时它回到了我IE上的内联。你应该发布实际的html+css。很难从网站上获取html，因为html是内置的，这个标题真的很邪恶！特别是因为它不是在flash Flashblock中完成的，所以没有阻止它：p我不想在我的汽车行驶时看到我的网页：毫不奇怪，而且没有什么意外的移动/干扰。你c使用FireBug查看表单中的HTML。我可能会发布摘录，但我会将输入向左浮动，标签向右浮动，这意味着它们将自动成为块级元素，对吗？感谢您的回答。+1和接受的答案-因为您在我键入答案时使用了我的解决方案：D
 #free-case-review-form .checkboxes {
        border: 1px solid #000;
        padding: 5px 0;
        margin-bottom: 8px;
        overflow: hidden;
    }

    #free-case-review-form .checkboxes li {
        display: inline-block;
        display: -moz-inline-box;
        *display: inline; /* for ie */
        zoom: 1;
        overflow: hidden;
    }

    #free-case-review-form .checkboxes li input {
        display: inline;
        width: auto;
        border: none;
        margin-bottom: 0;
        padding: 0;
        float: left;
    }

    #free-case-review-form .checkboxes li label {
        display: inline; /* just an attempt - they should be block level anyway */
        float: right;
    }