How to do image rollovers in within tables

I have created a style sheet that works with images that are in a table, my only obstacle is they have rollver images to. Could any one show me how to assign them so that the style sheets could cause the roolover to happen? The follwing is the code:

TABLE {background:FFFFFF }

TR.{ }

TD.1 { background-image: url(images/1.gif);
position: absolute;
width: 266;
top: 103;
height: 57;
}

TD.2 { background-image: url(images/2.gif);
position: absolute;
top: 103;
left: 276;
width: 59;
height: 57;
}
TR.{ }

You can't do rollovers just with CSS. Whenever you want interactivity within your HTML, you need to add a client-side scripting using something like JavaScript.

You can use this example and just not use background images in the table.

Actually, you could probably have transparent GIFs to trigger mouseOvers and modify that example to still use your backgrounds, but it would be more efficient to not make the images background images.

[This message has been edited by pieux (edited August 23, 2000).]