CSS浮动可在除IE以外的所有浏览器中工作

我有一个在Safari、FF、Chrome和Opera中完美呈现的网站。然而，在IE中，我的网站呈现出轻微的失真

HTML:

<div align="center" id="headerdiv"><div id="log"><font id="subtitleAttribs"     onclick="login()">Login أدخل حساب</font></div>
<a class="infoHme"><font id="titleAttribs" onclick="home()">T h e<font color="#999999" size="6px"> | </font>A r t i s a n a t<font color="#999999" size="6px"> | </font>N e t w o r k</font><span>Home دار</span></a>
<div id="lang"><font id="subtitleAttribs" onclick="arb()">العربية</font><font color="#999999"> | </font><font id="subtitleAttribs" onclick="eng()">English</font></div></div>

在我的代码片段中有四个部分。首先，“headerdiv”是容器。其次，“log”是应该位于左侧的div。第三，“TigeltTrBS”是位于中间的文本。第四，“郎”是应该在右边的div

“log”和“lang”浮动，因此它们位于“titleAttribs”文本的两侧。我的问题是，在IE中，“lang”最终呈现在右边的“log”和“titleAttribs”下面。我用Mac测试我的代码，所以在IE中测试对我来说很困难。当我使用PC并在IE9中运行.html和.css文件时，一切都很好。然而，当我从互联网上访问我的网站时，IE出现了渲染问题，这让我更难解决

有谁知道一个简单的方法来纠正这个问题，而不必做太多的更改。我知道我可以增加宽度，但是我没有运气尝试。此外，网站url为：

如果您在IE中运行网站，您会注意到搜索框下方的英语按钮不在标题右侧的黄色横幅中，这是呈现问题

谢谢，

使用CSS重置表（如此=>）

也可以从HTML标记中分离样式（ditch div align=“center”和字体标记。用适当的CSS替换它们）

---

如果这还不能解决问题，请提供该网站的链接

我通过不断的尝试和错误解决了我的问题。基本上，IE阅读我的html与其他浏览器不同。通过对我的html页面中的信息进行不同的排序，IE能够正确地呈现它。订单如下：

容器，div float:左，div float:右，中间信息

最初，我有以下几点：

容器，div float:左，中间信息，div float:右

---

这似乎是合乎逻辑的，但对IE来说并非如此。此外，其他浏览器仍能正确呈现我的html。

您介意发布一个链接或JSFIDLE吗？@主要原因可能是IE的额外宽度，因此请使用开发者工具栏ad CHECK。谢谢您的建议。我试着改变宽度，并在IE中使用了开发工具，但我无法获得与所有其他浏览器相同的外观。我甚至尝试将所有三个div标签都浮动到左边，然后改变它们的宽度，以模拟网页顶部的一个完整条。然而，当使用不同大小的浏览器窗口时，它看起来非常糟糕。幸运的是，我有一个警告，声明使用除IE以外的任何浏览器。这主要是因为CSS3转换。谢谢你的建议。重置表并没有解决问题，但是你关于清理我的html的评论让我做了一些春季清理。无论如何，IE仍然不知道如何描绘我的网站，但至少其他浏览器都知道。

#log
{
  float: left;
  padding: 5px;
}
#lang
{
  float: right;
  padding: 5px;
}
#titleAttribs
{
  color: #6699cc;
  font-size: 26px;
}
#headerdiv
{
  background-color: #faf8cc;
  margin: 0px 45px 0px 45px;
}