Question

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.

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

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

Please help with this!!
Thanks.

Answer 1

I solved this problem by adding another row for the image and setting its alignment.

         <tr>
           <td style="width: 20%;" align="right" valign="bottom">
             <asp:Image ID="Img1" runat="server" />

           </td>
         </tr>