Не работает max-width для img внутри table

Изображение с max-width вне таблицы

<style>
.RazImgMax {
  max-width: 100%;
}
</style>

<img src="http://2.bp.blogspot.com/-NEvSypEsQv0/TZQ1tka_UwI/AAAAAAAABqo/qjYR-YSjjws/s600/mishki.jpg" alt="Медведи" class="RazImgMax">

Изображение с max-width в таблице

Не работает в IE и Mozilla Firefox:

<style>
.RazImgMax {
  max-width: 100%;
}
</style>

<table>
  <tr>
    <td>
      <img src="http://2.bp.blogspot.com/-NEvSypEsQv0/TZQ1tka_UwI/AAAAAAAABqo/qjYR-YSjjws/s600/mishki.jpg" alt="Медведи" class="RazImgMax">
</table>

Работает:

<style>
.raz {
  table-layout: fixed;
  width: 100%;
}
.RazImgMax {
  max-width: 100%;
}
</style>

<table class="raz">
  <tr>
    <td>
      <img src="http://2.bp.blogspot.com/-NEvSypEsQv0/TZQ1tka_UwI/AAAAAAAABqo/qjYR-YSjjws/s600/mishki.jpg" alt="Медведи" class="RazImgMax">
</table>

Работает:

<style>
.RazImgMax1 {
  max-width: 600px;
  width: 100%;
}
</style>

<table>
  <tr>
    <td>
      <img src="http://2.bp.blogspot.com/-NEvSypEsQv0/TZQ1tka_UwI/AAAAAAAABqo/qjYR-YSjjws/s600/mishki.jpg" alt="Медведи" class="RazImgMax1">
</table>