css - FirefoxまたはIEからのねじ込みリストパディング

Question

私はこれについて疑問に思っており、それがどこから来ているのかわかりません：

• Firefox 11： http: //imgur.com/gDjWy,xFjbH#0
• Internet Explorer 9： http: //imgur.com/gDjWy,xFjbH#1

私はファイルの先頭に設定しました（それは唯一のcssファイルです）：

* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, sans-serif
}

そして、これは＃top-Div-Containerの完全なスタイルです。

#top {

}
#top a {
    font-size: 10px;
    color: #ADD2F8;
    margin-right: 10px;
}
#top a:hover {
    text-decoration: underline;
}
#top ul {
    list-style: none;
}
#top li {
    float: left;
}

ヘルプとプロモーションは単純なリンクです。ログイン、パスワードの要求、登録のみがリストに含まれています-タグですが、HTMLは次のとおりです。

<div id="top">
  <div class="left">
    <a href="/prizeplay/help">Help</a>
    <a href="/prizeplay/promotions">Promotions</a>
  </div>
  <div class="left">
    <ul>
      <li>
        <a name="Login" href="#">Login</a>
      </li>
      <li>
        <a style="font-weight: bold; color: #FFDE00;" href="/prizeplay/request">Register</a>
      </li>
      <li>
        <a href="/prizeplay/request">Request password</a>
      </li>
    </ul>
  </div>
  <div class="clear"></div>
</div>

このパディングの問題を理解していません。何故ですか？