Floating Icon Images

how to setup a floating thumbnail such that it doesn't take up space

[khill]

I have a table that has a random number of rows in it.

I'd like to insert a span into each TD tag, such that the thumbnail images of 80x80 does not "expand" the actual row.

Is there CSS that will do this?

Basically:

[table][tr][td]
[img src="the image"] <-- this is an 80x80 image
Table Text
[/td][/tr]
...repeat...
[/table]

With this, the row is 80px high. I need the image to leave the table row height alone, such that the text only affects it.

Any ideas?

[Setek]

Make it a background image on the

td

, with padding-left to push the text away from it :)

Background images won't expand layout :)

[khill]

I figured it out.

It's basically doing a [div] with a position:relative that's just inside the [td] tags. Then, hanging the thumbnail into another [div] inside that with a position:absolute; and left:-100px; and leaving the top style identifier out.

Kevin