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

• Пропорциональное уменьшение изображения при уменьшении окна браузера
• Пропорциональное уменьшение изображения внутри пропорционально уменьшающегося iframe при уменьшении окна браузера

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

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

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJKwY45rj1mfi3I3ZJH0sqEcmFQcwUaYj7f8q1BuqBw5kUxVSEYnzeQnA571feEfvXoyTsk7ZGXevQ38IcPitAA4ulJwNbpnhyphenhyphenXf2TUoJoztqqoewKBq7aqaX6o05Nu-p-jOIiZ5zs0No-/s600/mishki.jpg" alt="Медведи" class="RazImgMax">

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

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

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

<table>
  <tr>
    <td>
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJKwY45rj1mfi3I3ZJH0sqEcmFQcwUaYj7f8q1BuqBw5kUxVSEYnzeQnA571feEfvXoyTsk7ZGXevQ38IcPitAA4ulJwNbpnhyphenhyphenXf2TUoJoztqqoewKBq7aqaX6o05Nu-p-jOIiZ5zs0No-/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJKwY45rj1mfi3I3ZJH0sqEcmFQcwUaYj7f8q1BuqBw5kUxVSEYnzeQnA571feEfvXoyTsk7ZGXevQ38IcPitAA4ulJwNbpnhyphenhyphenXf2TUoJoztqqoewKBq7aqaX6o05Nu-p-jOIiZ5zs0No-/s600/mishki.jpg" alt="Медведи" class="RazImgMax">
</table>

Работает:

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

<table>
  <tr>
    <td>
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJKwY45rj1mfi3I3ZJH0sqEcmFQcwUaYj7f8q1BuqBw5kUxVSEYnzeQnA571feEfvXoyTsk7ZGXevQ38IcPitAA4ulJwNbpnhyphenhyphenXf2TUoJoztqqoewKBq7aqaX6o05Nu-p-jOIiZ5zs0No-/s600/mishki.jpg" alt="Медведи" class="RazImgMax1">
</table>