Question

I have this html

<style type="text/css">
#DownloadLeaflet  {
bottom: 0px;
}
</style>

<table style="width:97%" summary="">
<tbody>
<tr>
<td style="width:100px" width="118">
    <img style="border-bottom:0px solid;border-left:0px solid;border-top:0px solid;border-right:0px solid" src="http://www.banqueaudi.com/RetailBanking/PublishingImages/2008/adsl.png" border="0">
</td>
<td style="width:100%" width="776">
    <div style="height:52px">
      <span class="title">ADSL Service</span><br>
      <em class="Slogan">Be Fast Ahead with Our ADSL Service</em>
    </div>
    <p>
         The new high-speed ADSL connection is now available with privileged conditions 
    </p>
    <p>
         Everybody is getting connected, what are you waiting for? Guarantee your peace of mind in a simple 1-step procedure with a reliable internet service from a trusted source.
    </p>
    <p>
         you will gain the communication edge with a high-performance internet connection at an efficient cost.
    </p>


    <img id="DownloadLeaflet" style="border-bottom:0px solid;border-left:0px solid;border-top:0px solid;border-right:0px solid" src="http://www.banqueaudi.com/PublishingImages/Shared/DownloadLeaflet.png" border="0">

</td>

</tr>
</tbody>
</table>

I have tried everything possible with css , but it seems im not a CSS fan

I want to align the download button to the bottom of the cell, see this fiddle.

Answer 1

you have to give table relative and image absolute and bottom:0

http://jsfiddle.net/JfZZD/44/

check the fiddle