table cell problem both in ie(hegith) and mozilla(positio n)

[joeZ]

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:relati ve;
}
..imagelayer{
position:absolu te;
top:100%;
left:-1px;
}

and the HTML

<table>
<tr>
<td class="containe rcell">
blah,blah,blah< div class="imagelay er"><img src="..s.s"></div>
</td>
<td class="containe rcell">
blah,blah,blah< div class="imagelay er"><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:relati ve;
height:100%;
}
..bottomimg{
position:absolu te;
left:-1px;
top:100%;
}

<table>
<tr>
<td>
<div class="containe rdiv">
blah,blah,blah< img class="bottomim g" src="..s.s">
</div>
</td>
<td>
<div class="containe rdiv">
blah,blah,blah< img class="bottomim g" 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.