title: Image erroneously expanding to fill width of table cell, but only in certain contexts
body: <p>I've got some HTML that renders just fine if it's in a browser window by itself.  However, if I try bringing it up in a "lightbox" embedded inside another page using some Javascript magic, it renders incorrectly: the images I have inside table cells wind up expanding horizontally (but not vertically) to fill their table cells, despite the fact that I've got their correct widths and heights specified right in the IMG tag.  The behavior is pretty consistent across browsers, so I'm assuming this is somehow "correct" behavior, and that there must be some way to prevent it and keep the images displaying at their natural sizes regardless of the encompassing HTML.</p>
  
  <p>The problematic HTML itself is very simple...basically like this:</p>
  
  <pre><code>&lt;table style='border-collapse:collapse;margin-bottom:10px;margin-left:20px'&gt;
  
    &lt;tr style=''&gt;
      &lt;td style='text-align:right;'&gt;
        &lt;a href='/master_page/distance_biked_page?simple=1'&gt;&lt;img style='border:1px solid #B9B9B9;' src='/user_image/image1.jpg' width='50' height='35'/&gt;&lt;/a&gt;
      &lt;/td&gt; 
      &lt;td style='height:50px;padding-left:10px'&gt; 
        &lt;a href="/master_page/distance_biked_page?simple=1"&gt;distance biked page&lt;/a&gt; 
      &lt;/td&gt; 
    &lt;/tr&gt;
  
    &lt;tr style=''&gt; 
      &lt;td style='text-align:right;'&gt; 
        &lt;a href='/master_page/timetracker_9_page?simple=1'&gt;&lt;img style='border:1px solid #B9B9B9;' src='/user_image/image2.jpg' width='42' height='50'/&gt;&lt;/a&gt; 
      &lt;/td&gt; 
      &lt;td style='height:50px;padding-left:10px'&gt; 
        &lt;a href="/master_page/timetracker_9_page?simple=1"&gt;time-tracker #9 page&lt;/a&gt; 
      &lt;/td&gt; 
    &lt;/tr&gt; 
  
  &lt;/table&gt;
  </code></pre>
  
  <p>(Note that while the narrower image expands horizontally to fill its cell when this HTML is rendered in the problematic "lightbox" context, the shorter image doesn't expand vertically to fill its cell.)</p>
  
  <p>Not being a HTML or CSS expert, I'm pretty baffled by this behavior.  Any ideas what might be causing it, or how I might go about stopping it?  </p>