内联块在 Internet Explorer 7、6 中不起作用

我有这个 CSS 代码inline-block。谁能告诉我如何让它在 Internet Explorer 6 和 7 中工作。有什么想法吗？也许我做错了什么？谢谢你！

#signup {
   color:#FFF;
   border-bottom:solid 1px #444;
   text-transform:uppercase;
   text-align:center;
}
#signup #left {
   display: inline-block
}
#signup #right {
   background-image:url(images/signup.jpg);
   border-left: solid 1px #000;
   border-right: solid 1px #000;
   display: inline-block; 
   padding:1% 2%
   width:16%;
}
#signup #right a { font-size:100%; font-weight:bold } 
#signup #right p { font-size:90%; font-weight:bold }
#signup a:hover  { color:#FFF; text-decoration:underline }

在IE6/IE7中，display: inline-block仅适用于以下元素自然内联（例如spans).

为了使其适用于其他元素，例如divs，你需要这个：

#yourElement {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

*display: inline使用“安全”的 CSS hack 来应用仅IE7及更低版本 http://mathiasbynens.be/notes/safe-css-hacks#css-hacks.

对于IE6/7，zoom: 1提供有布局 http://www.satzansatz.de/cssd/onhavinglayout.html。拥有“布局”是前提display: inline-block永远工作。

可以在保留有效 CSS 的同时应用此解决方法，但这并不值得考虑，特别是如果您已经在使用任何供应商前缀属性的话。

读这个 http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/欲了解更多信息display: inline-block（但忘记-moz-inline-stack，只有现在古老的 Firefox 2 才需要）。