CSS Style - Border-Bottom Not Working Within IE7

[richie19rich77]

Hi Everyone,

 

Simple CSS Syntax, having problems with setting a bottom border when mouse hovers over an object, works fine in FF, sort of works in IE6, but not in IE7, for this example I have added a pink full border round the the object.

 

#Tab_Buttons:hover {text-shadow:#000000; color:#00F; border:2px solid #F3C;)

 

IE 7 displays only the left and right border, which explains why my bottom border is not showing.

 

IE 6 displays only the left, right and bottom border, which would work for me as I only want the bottom.

 

FF display the full border

 

 

I know IE had problems with hover, but all other hover CSS functions seem to be working fine apart from border related CSS functions.

 

Any ideas?

 

Thanks