相关疑难解决方法(0)

我创建这个只是为了解释我的问题.一些列表项显示为内联块.我有一个原来的方法,也没用,所以我使用这个CSS.

http://jsbin.com/upexu/edit

这在FF和IE7中很有用,作为一个独立的.

不幸的是,在我的网站上实现,它在IE7中无法正确显示(它们看起来堆叠在一起).

火狐

firefox http://www.alexanderdickson.com/hosted/stackoverflow.com/display-inline-ff.png

IE7

ie7 http://www.alexanderdickson.com/hosted/stackoverflow.com/display-inline-ie7.png

现在任何人都可以告诉我为什么他们不能在我的例子中工作(参见上面的图片并查看网站,它是在最右边(不能错过).

它似乎在IE7中工作,如果我给列表项明确宽度 - 但这似乎很危险,以及我不想做的额外维护.我可能会做li#nsw { width: 3.5em }但是很难看,我不应该这样做.

我确实使用了Eric Meyer的CSS Reset Reloaded.

如果您知道解决方案,请告诉我们!

谢谢.

更新

这是复选框的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

 #free-case-review-form .checkboxes {
        border: 1px solid #000; …