table cell problem both in ie(hegith) and mozilla(position)

hi there!

I'm just going crazy with this stuff I want to do I though was simple.

I just want to locate an image (which is linkeable) below the bottom of
a cell.

I mean, if the cell is at 0,0, the image should be at 0,100%. I've
tried it several ways, and I can make it work in both firefox & ie, but
not at the same time!!.

In explorer, the aproach is this:

..containercell{
position:relative;
}
..imagelayer{
position:absolute;
top:100%;
left:-1px;
}

and the HTML

<table>
<tr>
<td class="containercell">
blah,blah,blah<div class="imagelayer"><img src="..s.s"></div>
</td>
<td class="containercell">
blah,blah,blah<div class="imagelayer"><img src="..s.s"></div>
</td>
</tr>
</table>

this doesn't work in firefox, because of a bug in it (the position
atribute doesn't work in table cells), although this css is strictly
css2


and, in firefox, the approach is:

..containerdiv{
position:relative;
height:100%;
}
..bottomimg{
position:absolute;
left:-1px;
top:100%;
}

<table>
<tr>
<td>
<div class="containerdiv">
blah,blah,blah<img class="bottomimg" src="..s.s">
</div>
</td>
<td>
<div class="containerdiv">
blah,blah,blah<img class="bottomimg" src="..s.s">
</div>
</td>
</tr>
</table>

which doesn't work the way I like in ie, because the height:100%
property in the div element doesn't take the 100% of its parent element
(in this case, the table cell), (in firefox it does), so I can't
position the image where I want, just below the bottom of the cell.


Is there any workaround for this??

or, at least, Is there any simple way of choosing styelsheets depending
on the web client????


txs a lot.