CSS отображается по-разному для FF и IE8

Question

Ниже я включил некоторые HTML / CSS. CSS выглядит хорошо в FF, но это неправильно в IE8. В IE8 кнопка «Домой» появляется в строке ниже значений баланса и поворота. Это должно появиться на той же строке. Для сравнения, вы можете просмотреть страницу в обоих браузерах (предупреждение; возможно доступ к профилю FB) (Эта ссылка ведет к приложению Facebook, которое будет запрашивать ваш профиль. Вам нужно начать новую игру, выбрать сложность уровень, а затем вы попадете на игровую доску. Соответствующий код находится внизу страницы). Я надеюсь, что кто-то может сказать мне, как исправить CSS для IE8. Спасибо.

HTML-КОД:

$html .= '<div id="info-panel">'."\n";
$html .= '  <div id="total-funds">Balance: &euro;<span id="total-amount">'.$gamePlayerData['funds'].'</span>M</div>'."\n";
$html .= '  <div id="turn">Turn: '.$newTurn.'</div>'."\n";
$html .= '  <div id="home"><a href="'  . $config->url->absolute->fb->canvas . '/"><img src="' . $config->url->absolute->public . '/images/home_24x24.png" id="img-home" alt="Home" /></a></div>'."\n";
$html .= '</div>'."\n";

КОД CSS:

  #info-panel {
    width: 742px;
    border: 3px solid gray;
    background-color: #ddd;
    color: red;
    padding: 6px;
  }

  #total-funds {
    display: inline;
    font-size: 16px;
    padding-right: 10px;
  }

  #turn {
    display: inline;
    font-size: 16px;
    padding-right: 10px;
  }

  div#home {
    display: inline;
    float: right;
  }

  #img-home {
    margin-top: -3px;
  }

Answer 1

Я нашел исправление. Я изменил правило div # home на это:

  div#home {
    position: absolute;
    right: 6px;
    bottom: 4px;
  }