[Meilad]

hey uh is it possible to show the top & bottom borders of a table on mouse over?

I tried:

A:hover.nav2 {
border: 1px solid #000000
bgcolor: #DFDFDF;
}

but it just makes a box around the text and not the cell... anyone?

[Brown]

if you want the border on the table then try targeting the table directly,

a: hover table { border-bottom: 1px soi black;}

or the cell directly

a: hover td { border-bottom: 1px solid black;}

but i'm just guessing here.

[nakedintruder]

you can hover anything, and shouldn't wrap things in a's.

td.class {border:1px solid #000;}
td.class:hover {border:1px solid #CCC;}

...but it won't be supported in all browsers though, ie doesn't fully support CSS.

[cam]

you can add IE support for generic :hover using behaviours or javascript.

i think IE7 JS does this for example

[nakedintruder]

That's a Javascript Style Switcher replacing the off state definition for another using javascript, rather than support for a CSS:hover state definition.

Are there any plans for a new ie, does anyone know?

[cam]

I'm not sure I understand the distinction you're attempting to make

using the JS i'm talking about, IE would react as expected to the rule:

td:hover { ... }

Or any other element to which the :hover pseudo-class is applied.

As for the new IE, it's coming with Longhorn (the new Windows), which is expected sometime in 2006. Check the developers blog - http://blogs.msdn.com/ie/

[nakedintruder]

explain what you're doing matey, sorry. I thought you meant using javascript to rewrite the border styles on mouseover, then put them back on mouseout, so javascript is making the hover change, and not a CSS pseudo class. which isn't CSS support, but a work around. Is that what you meant?