Placing image on bottom right corner of table cell does not work in Firefox and Safari
<p>I have the following table structure in my aspx page. I need to place the image at bottom right corner of a table cell. The code below works fine for IE and Chrome. But in Firefox and Safari, the image is displayed at the bottom right corner of the row, and not the cell.</p>

<pre><code>  &lt;table style="width:100%"&gt;
    &lt;tr&gt;
     &lt;td valign="top" style="width:20%; position:relative"&gt;
      &lt;div&gt;
         //some controls here
      &lt;/div&gt; 
      &lt;img src="~/images/Index.JPG" runat="server" style="position:absolute; right:0; bottom:0"/&gt; 
     &lt;/td&gt;
     &lt;td valign="top" style="width:80%"&gt;
      &lt;div&gt;
        //control here

      &lt;/div&gt;
     &lt;/td&gt;
    &lt;/tr&gt;
    &amp;nbsp;
    &lt;tr&gt;
     &lt;td align="center" colspan="1" style="width: 20%"&gt;
       //control here
      &lt;/td&gt;
      &lt;td align="center" colspan="2" style="width: 80%"&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td align="center" style="width:100%" colspan="2"&gt;
       //control here
       &lt;/td&gt; 
    &lt;/tr&gt;
    &lt;/table&gt;
</code></pre>

<p>Please help with this!!
Thanks.</p>
