Hvorfor virker følgende ikke i Opera?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>dhtml-tester</title>
<script type="text/javascript">
function menuON(id) { id.className="menuAKTIV" }
function menuOFF(id) { id.className="menu" }
</script>
<style type="text/css">
<!--
a.link {
text-decoration: none;
cursor: pointer;
cursor: hand }
#menuholder {
position: absolute;
top: 30px;
left: 10px }
..menu { width: 100px;
border:gray 1px solid;
background-color: black;
font-family: verdana, arial, sans-serif;
font-size: 8pt;
color: white;
curspr: pointer;
cursor: hand }
..menuAKTIV { width: 100px;
border:gray 1px solid;
background-color: #ff9900;
font-family: verdana, arial, sans-serif;
font-size: 8pt;
font-weight: bold;
color: white;
curspr: pointer;
cursor: hand }
-->
</style>
</head>
<body>
<table summary="" border="0" cellspacing="0" cellpadding="0"
id="menuholder">
<tr><td>
<a href="index.shtml" class="link>
<div class="menu" onMouseover="menuON(this)" onMouseout="menuOFF(this)">
menupunkt 1</div></a>
</td></tr>
<tr><td>
<a href="index.shtml" class="link>
<div class="menu" onMouseover="menuON(this)" onMouseout="menuOFF(this)">
menupunkt 1</div></a>
</td></tr>
<tr><td>
<a href="index.shtml" class="link>
<div class="menu" onMouseover="menuON(this)" onMouseout="menuOFF(this)">
menupunkt 1</div></a>
</td></tr>
</table>
</body>
</html>
mvh
ras