[CSS] Link border problem — OZONE Asylum, home of the Mad Scientists

This page's ID: 26942

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	I am working on a page in which I must have the css wrong but it actually gives the intended effect in IE. Mozilla and Opera 8 display it pretty much the same which makes me think my css must be wrong. Here is a sample of the code. [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body{background:#666} a{display:block;width:42px;border:2px outset #a9a9a9} a:hover{border:#c0c0c0} a:active{border:inset} </style> </head> <body> <p><a href="#">foobar</a></p> </body> </html>[/code] The desired effect is that hovering over the link changes its border color, clicking it changes the border style to inset and it should remain inset until something else is clicked. This is exactly the behavior I see in IE6 but not in Mozilla or Opera. What am I doing wrong and how do I correct it? TIA [small](Edited by [internallink=2169]ZOD[/internallink] on 11-01-2005 16:46)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post