title: Resolve overflow in HTML table with image
body: <p>Following is the code structure of my HTML table. I insert a large image in <code>tr class c0</code> (marked by <code>*...*</code>). The class <code>no-overflow</code> has <code>overflow:auto</code>. In other pages, using the same class <code>no-overflow</code> there are horizontal and vertical scroll bars if the image gets big. However, in this particular case, the bars do not appear.</p>
  
  <pre><code> &lt;table class="someclass" width="60%"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
          &lt;th class="header c0" style="text-align:left;"&gt;Content: Test 1&lt;/th&gt;
          &lt;th class="header c1"&gt;Class Statistics&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          **&lt;tr class="r0"&gt;
              &lt;td class="cell c0" style="text-align:left;"&gt;Question: &lt;br&gt;
                  &lt;div class="no-overflow"&gt;
                      &lt;div class="no-overflow"&gt;
                          &lt;p&gt;&lt;img src="image path" width="1365" height="767"&gt;&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td class="cell c1" style=""&gt; &lt;/td&gt;
          &lt;/tr&gt;**
          &lt;tr class="r1"&gt;
              &lt;td class="cell c0" style="text-align:left;"&gt;Answer:&lt;/td&gt;
              &lt;td class="cell c1" style=""&gt; &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="r0"&gt;
              &lt;td class="cell c0" style="text-align:left;"&gt;&lt;input type="button" name="1" value="Next"&gt; Next &lt;/td&gt;
              &lt;td class="cell c1" style=""&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="r1 lastrow"&gt;
              &lt;td class="cell c0" style="text-align:left;"&gt;&lt;/td&gt;
              &lt;td class="cell c1" style=""&gt; &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Table Image:</p>
  
  <p><img src="https://i.stack.imgur.com/hBxX1.png" alt="Table Image"></p>