为什么IE中的四个按钮不对齐？

Question

所以我有这个page，如果您查看 4 个按钮“试驾”“租赁拥有选项”分机...它们没有与 IE 中的 div 底部对齐。在 Firefox 中它看起来不错..这里是 html

<div class="main-img-box">
                <img alt="Retail POS Systems" src="/images/software/video_pos_software.png">
                <div class="main-cont-software">
                <a href="/downloads/video_vision_download.php" class="video-testdrive rest_icons"><span></span></a>
 <a href="/lease" class="video-lease rest_icons"><span></span></a>
<a href="javascript:addBookmark('POSNation.com%20-%20Video%20Rental%20POS%20Systems',window.location);" class="video-bookmark rest_icons"><span></span></a>
<a href="/shop_pos/index.php?route=information/contact" class="video-ask rest_icons"><span></span></a>                  </div>
            </div>

这里是一些相关的 CSS

            .main-img-box {
                height: 398px;
                position: relative;
                width: 100%;
            }

            .main-cont-software {
                bottom: 0;
                color: #FFFFFF;
                height: 76px;
                left: 14px;
                position: absolute;
                width: 100%;
            }

            .video-testdrive {
                background: url("../images/software/pos-sw-btn-video-testdrive.png") repeat scroll 0 0 transparent;
                display: inline-block;
                height: 57px;
                margin-right: 9px;
                width: 169px;
            }

            .video-lease {
                background: url("../images/software/pos-sw-btn-video-lease.png") repeat scroll 0 0 transparent;
                display: inline-block;
                height: 57px;
                margin-right: 9px;
                width: 169px;
            }

关于我缺少什么的任何想法

还有一个测试 IE 的好工具..我在 firefox 上使用 firebug，效果很好，但我总是在 IE 上遇到困难..那里也有任何建议

Answer 1

您需要添加vertical-align: top ..again。

.main-cont-software a {
    vertical-align: top;
}

更多信息：

• http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
• http://www.brunildo.org/test/inline-block.html

---

还有一个很好的工具来测试 IE..我在 firefox 上使用 firebug 和它 效果很好，但我总是很难用 IE ..任何建议 那里也有

到目前为止，最好的选择是内置的（IE8+）开发工具（按 F12）。

如果你想在 IE6/7 中测试时使用它们，你必须download it。虽然对于IE7，你可以只使用IE8/9中的兼容模式来测试。