html - Logo 在 Firefox 中不居中，在 Chrome 中居中

Question

这是我的问题网站:LINK

如您所见，我的 Logo 在 Firefox 中被推到右侧，但它应该居中。例如，在 Chrome 中运行良好。

我曾尝试寻找仅适用于 Firefox 的样式表，但我无法真正找到使它正常工作的正确 CSS 设置。

这里是相关的 HTML 代码，它被包装在一个名为 container 的 id 中，我目前拥有:

<div id="nav">
  <ul id="index_cards">
    <li id="card-1">
        <h3><strong>Home</strong></h3>
    </li>
    <li id="card-2">
        <h3><strong>About/Contact</strong></h3>
    </li>
    <li id="card-4">
        <h3><strong>Portfolio</strong></h3>
    </li>
    <li id="card-5">
        <h3><strong>Services</strong></h3>
    </li>
  </ul>
</div>


<div id="header">
  <div id="logo">
    <img src="imgs/logo.png" name="ielogo" width="457" height="223" id="ielogo" />
  </div>
</div>

CSS:

#container {
  top:-73px;
  margin-top:-70px;
  min-height:100%;
  position:relative;
  display:block;
}

#header {
  margin-top:-30px;
  height:250px;
  background-image:url(../imgs/header-top.png);
  background-repeat:repeat-x;
  padding:10px;
}

#logo {
  margin:0 auto;
  width:457px;
  height:223px;
}

Answer 1

问题出在图像上，把它放在 css 中

#logo img { display: block; }

http://jsbin.com/afuquq/3/