いつもお世話になっております。
とある開発で、IE8対応を行う必要が出てきたのですが、
どうにもうまく行かないためこちらに質問させていただきます。

テーブルの幅を固定してtd内に記載している文字列が幅以上になれば

text-overflow: ellipsis;

を使い hogehoge... といったように表示させたいのですが、現状Tableの幅が広がり
全ての文字列が表示されてしまっている状態です。(Chrome/Firefoxでは表示はうまく行っているので、IE特有?の問題でしょうか?)

どなたか解決策を教えていただけないでしょうか?

下記、現在作成しているテーブルのHTMLおよびCSSになります。

<!-- html -->
<table style="width: 200px">
  <tbody>
    <tr>
      <td class="hoge" style="width: 180px;">
        <a style="width: 180px" href="#")>長い文字列はここに表示されます。</a>
      </td>
      <td class="right_icon" style="width: 20px">
        <a class="mini_icon icon_web_font" tabIndex=-1 href="#">+</a>
      </td>
    </tr>
  </tbody>
</table>
/** CSS **/
.hoge {
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}

お手数ですが、上記よろしくお願いいたします。