IE7 CSS帮助，为什么我的跨度与我的嵌入式图像不垂直对齐？

如何解决IE7 CSS帮助，为什么我的跨度与我的嵌入式图像不垂直对齐？

| 我有以下html和CSS

<div id=\"header\">
    <div id=\"headerTopLeft\">
       <div id=\"areaSelect\" style=\"display: none;\">
          <img id=\"imgHome\" alt=\"Home\" src=\"/Content/images/home.png\" jQuery1308161709610=\"52\" /> 
          <span>&nbsp;</span> 
        </div>
     </div>
</div>

 <style>
#header
 {
     height: 75px;
 }
 #headerTopLeft
 {
     height: 75px;
     padding-top: 9px;
 }
 #headerTopLeft
 {
     width: 17%;
     margin-left: 1%;
     float: left;
 }
 #areaSelect
 {
     height: 40px;
     line-height: 27px;
     margin-left: 10px;
     display: none;
 }
 #areaSelect IMG
 {
     line-height: 27px;
     cursor: hand;
 }
 #areaSelect > SPAN
 {
     width: 165px;
     height: 27px;
     line-height: 27px;
     padding-right: 3px;
     float: right;
     display: inline-block;
 }
  #areaSelect SPAN.repair
 {
     background-image: url(\"images/mod_title_r.png\");
     background-attachment: scroll;
     background-repeat: no-repeat;
     background-position-x: 0%;
     background-position-y: 0%;
     background-color: transparent;
  }
  #headerTopLeft
 {
     margin-left: 0px;
 }
  #areaSelect IMG
 {
     line-height: 27px;
  }

 </style>

我希望跨度和图像垂直对齐。这适用于Chrome，Safari，FireFox和IE8和IE9。 IE7但是它不起作用。跨度被向下推到图像下方。它仍然浮动正确。我读过另一个问题，解决方案是更改跨度的行高以匹配图像等。这没有用。请分享有关如何解决此错误的任何提示或技巧。我非常感谢任何反馈。 它目前正在IE 7中呈现。

 ********************************
 *  *******                     *
 *  * btn *                     *
 *  *******                     *
 *              *****************
 *              *     span      *
 ********************************

我忘了提到有设置该跨度类的javascript / jQuery代码。这就是显示适当图像的内容。 干杯， 〜ck在圣地亚哥     

解决方法

        我在Mac上，无法从此处进行测试，但是您是否尝试将img浮动到左侧？