css - IE float 问题

Question

我有一个菜单栏，其中每个按钮都是一个 float 到右侧的图像。它在 Safari、FF 和 Chrome 中看起来很完美，但在 IE7 中，按钮被很好地分组，但它们看起来比其他浏览器(在菜单栏之外)低大约 50 像素。有关如何解决此问题的任何提示？谢谢!

http://jsfiddle.net/mE2b8/

我的 CSS:

 #menu {
      width: 100%;
      height: 58px;
      background-color: #00653a;
    }

#menu_mid {
  width: 823px;
  height: 58px;
  margin: 0px auto;
  background-color: #00653a;
}

.menu_links {
  float: right;
  display: inline;
}

HTML:

  <div id="menu">
      <div id="menu_mid">
        <img src="assets/img/menu_rrt.gif" alt="RRT"/>
        <img src="assets/img/menu_contact.gif" alt="Contact" class="menu_links"/>
        <img src="assets/img/menu_news.gif" alt="Contact" class="menu_links"/>
        <img src="assets/img/menu_about.gif" alt="Contact" class="menu_links"/>
        <img src="assets/img/menu_home.gif" alt="Contact" class="menu_links"/>
      </div>
    </div>

Answer 1

问题似乎是 Logo (或带有 alt="RRT"的图形)没有定义宽度。我给img元素加了一个ID，然后向左浮动。似乎是您要查找的内容:http://jsfiddle.net/mE2b8/3/