webkit中的内联块CSS问题

要查看问题，请访问：

所讨论的两个css块位于链接css文件的第260行和第284行。具体地说，它是显示：内联块上的两个-我想

这在FF中看起来是正确的。我还不确定IE，因为我还没有测试过。在webkit（chrome和safari）中，它看起来是错误的

知道怎么修吗

谢谢

编辑（添加图像和说明）：

上面的图片来自FF，看起来不错。底部图像来自webkit。请注意，这两个按钮和标签向下按了大约5个像素。文本下没有空格。

请尝试以下代码：

<div class="buttonbar">
    <div class="largebutton" style="float:left;display:block;">
        Label
    </div>
    <div class="button" style="float:left;display:block;">
        Label
    </div>
    <div class="label" style="float:left;display:block;">
        A label to disply text in... Fun Times...
    </div>
    <div class="spacer"></div>      
</div>

标签
标签
用于在中显示文本的标签。。。快乐时光。。。

或添加<代码>浮动：左；显示：块到您的

.largebutton

、

.button

和

.label

类。行（260、284和308）

---

UPD：如果仍要使用

内联块

，请尝试将

垂直对齐：顶部

添加到所有3个类中。

8之前的IE将不允许内联块，除非在具有默认显示：内联的元素上。如果IE7等对你很重要，你可能想彻底重新考虑你的设计（是的，没有内联块真的很痛苦）。@ysth：如果我能让它在webkit、FF和IE8+中工作，我会很高兴：）IE9应该很快就会推出，必须支持IE6和IE7对我来说已经不值得了。有关于webkit的想法吗？我们怎么知道它应该是什么样子？我在chrome和ff上试过这个网站，看起来差不多。提供更多细节。这是可行的，我可以使用它，但我想知道为什么内联块在webkit中不起作用。如果没有使用内联块发布的修复程序，我会将其标记为正确。垂直对齐：块不起任何作用。一个浮动：左显示：内联块；作品我将坚持使用您原来的修复程序。我在

垂直对齐：block

中有一个输入错误，请改用

垂直对齐：top

。这确实有效，两个修复程序都解决了此问题。谢谢你的帮助