IE7的问题是将两个按钮保持在同一行

Question

我的IE7有问题。

我正在尝试将2个按钮放在同一行..但它不适用于所有其他浏览器中的IE7它应该工作（没有检查IE6，将不会检查）。这是一张图片，所以你知道我的意思

你看到的这个黑色边框只是我放的东西，所以我可以看到我的div有多长/高。按钮具有哪种css样式以便在同一行中。谢谢

更新 - ＆GT;这里有一些HTML：

<div style="border:1px solid; width:300px; height:30px; float:left; padding:0;margin:0;text-align:left;">
                    <a class="button niceButton"> 
                        <div id="first" class="action_button">
                            EDIT CATEGORY
                        </div>  
                    </a>
                    <a class="button niceButton"> 
                        <div id="action_delete" class="action_button1">
                            DELETE RECORDS
                        </div>  
                    </a>
                    </div>

Answer 1

左边应该有float: left;，右边应该有float: right;，建议在clear: both;之后的div上放置button <div class="buttons"> <button class="left">left button</button> <button class="right">right button</button> </div> }}第

示例：

.buttons {
    width: 300px;
}
.left {
    float: left;
}
.right {
    float: right;
}

与

{{1}}

Answer 2

你试过显示：内联;在按钮上？

编辑：

也不应该在文本的div内部如下：

<div id="first" class="action_button">
<a class="button niceButton">EDIT CATEGORY</a>
</div>