OK, I am utterly stumped. The code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
ul {
background-color: red;
}
</head>
</style>
<body>
<table>
<tr>
<td></td> <!-- remove this line and below works?!?! -->
<td>
<ul style="cursor: wait;" onClick="alert('got ya!')">
<li>data</li>
<li>stuff</li>
<li>some more data goes here</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
With the code above, you MUST click on the text in the <UL> list in order to
trigger the onClick() code. If you take out the commented line above (the
<td></td> above) you can then click on any of the red area to trigger the
onClick() code. In the first case you must click on the text. In the second
case, you can click anywhere within the bounds of the <LI> (which is what I
want). WHY?!?!
Both IE 6 and NN7 display the same behaviour. If anyone can explain this I'd
be most grateful. I've beat my head against a wall now for hours and need
help.
ta
-randall