The code snippet* validates for css and html, the link works in IE6
and firefox, but neither provide the usual dotted outline
but in IE6 the hand cursor isn't there, and one can't change the
border-color via css.
is there a workaround for any or all of these three issues?
adding content to span does not appear to effect the outcome.
cheers
Jonathan Chetwynd
Accessibility Consultant on Learning Disabilities and the Internet
*
<!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" xml:lang="en">
<head>
<title>active: span in IE6?</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body { background-color: #cca; color:black; font-family: "Times
Roman", sans-serif; font-size: 190%;}
span {position: absolute; top: 9em; left: 1em; height:2em; width:
12.5em; background: #ff9; padding-top: 4.5em; padding-left:0.5em;
border:outset; border-color:blue; }
a:hover > span { border-color:red;}
</style>
</head>
<body>
<div><a href="where2"><span></span></a></div>
</body>
</html>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/