Splitting an HTML table row

[DragonTheory]

Not sure if this is the place to ask but I can’t find it any where else. Is it possible to split an HTML table row (giving it a pseudo 3D step down look) but maintain the entire row’s data integrity and roll over highlighting? Thanks.

Example here:
http://www.flickr.com/photos/dragontheory/5491914657/

[coothead]

Hi there DragonTheory,

and a warm welcome to these forums. :agree:

Your link gives this information...

"You must be signed in to see this content".

coothead

[DragonTheory]

I set the Safety filter to "Safe". Should be accessible now. Thanks.

[coothead]

Hi there DragonTheory,

check out the attachment for a possible solution to play with.

coothead

[coothead]

Hi there DragonTheory,

I have just noticed that you also required a row hover facility.

Check out the attachment for an amended version.

coothead

[DragonTheory]

Wow! Thanks coothead! Very nice! I greatly appreciate your time and effort!

The issue is that the table rows must correlate with the database table rows all the way across. Meaning the rows can't actually be split - just look like they are. Maybe if we can just "bend" the row via CSS or something, the hover state will follow eliminating the need for JS? Just thinking out-loud. :?)

Don't you love clients who have harebrained ideas?

Thanks again for your time and effort.