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

我对IE7有问题

我想把两个按钮放在同一行。。但它不仅适用于IE7，在所有其他浏览器中也能正常工作（没有检查IE6，也不会检查）。这是一张照片，你知道我的意思

你看到的这个黑色边框就是我放进去的，这样我就可以看到我的div有多长/多高。为了在同一行中，按钮应该有哪种css样式。多谢各位

更新->这里是一些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>

编辑类别
删除记录

左边的应该有

浮动：左边和右边的一个应该有
float:right
和建议放置一个
清除：两者都有按钮在
div
之后的元素上进行code>

例如：

<div class="buttons">
    <button class="left">left button</button>
    <button class="right">right button</button>
</div>

左边应该有
float:left和右边的一个应该有
float:right
和建议放置一个
清除：两者都有按钮在
div
之后的元素上进行code>

例如：

<div class="buttons">
    <button class="left">left button</button>
    <button class="right">right button</button>
</div>

您是否尝试过显示：内联；在按钮上

编辑：

也不应在文本周围的div内，如下所示：

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


编辑类别
您是否尝试过显示：内联；在按钮上

编辑：

也不应在文本周围的div内，如下所示：

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


编辑类别
在@TheppDeveloper上查看完整解释，尝试过也不使用clear Bots查看完整解释在@TheppDeveloper上查看完整解释，尝试过也不使用clear Bots直到没有发生我将您的样式用于按钮。我更新了问题，你的代码错了。你应该浮动按钮，而不是div。是的，我发现，这实际上不是我的代码，我只是在修复它，我去掉了div元素，只使用了一个，我接受你的回答仍然没有发生，我使用了你的按钮风格。我更新了问题，你的代码错了。你应该浮动按钮，而不是div。是的，我发现了，它实际上不是我的代码，我只是在修复它，我去掉了div元素，只用了一个，我接受你的答案