IE7 CSS помогает, почему мой диапазон не выровнен по вертикали с моим встроенным изображением?

Question

У меня есть следующие 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, который устанавливает класс для span. Это то, что отображает соответствующее изображение.

Cheers, ~ ck в Сан-Диего

Answer 1

Я на Mac и не могу проверить его отсюда, но вы пытались переместить img влево?