Menu
Here’s the html…
<html>
<head>
<meta http-equiv=”Content-Language” content=”en-us”>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″>
</head>
<body>
<table border=”1″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”100%”>
<tr>
<td width=”20%”></td>
<td width=”20%”></td>
<td width=”20%”>
<div id=”menu1″ style=”position: absolute; z-index: 75; width: 20%; visibility: hidden; background-color: #00ff00;” onMouseOut=”document.getElementById(‘menu1’).style.visibility = ‘hidden'”>
<br>blah<br>blah<br>blah<br>
</div>
<a onClick=”document.getElementById(‘menu1’).style.visibility = ‘visible'”>expand</a></td>
<td width=”20%”></td>
<td width=”20%”></td>
</tr>
</table>
</body>
</html>
In Mozilla/Netscape the width=20% sets the width of the div to 20% of the page (which is what I want it to do). In IE it sets the width of the div to 20% of the parent cell. Why is it doing this and what is the work-around?
Thanks in advance.