Hey AerospaceEng,
I made that changes that you said, the only modification I had to make was to enter some alignment and height properties for the <td> surrounding the <div>'s because it was moving the text below the <div> down onMouseover.
In the previous example I was ignoring the <div>'s if the browser/version were Netscape 4.75. Now I am trying to get this to work. I have pieced together so code that I have found on some other sites and examples, but am not having any luck.
I keep getting this error in Netscape 4.75: "document.layers[msg].style has no properties."
Here is my code, what can you make of it?
<html>
<head>
<title></title>
<style>
<!--
.msg1{font-family:verdana;font-size:10px;color:red;font-weight:bold;}
.msg2{font-family:verdana;font-size:10px;color:blue;font-weight:bold;}
.msg3{font-family:verdana;font-size:10px;color:yellow;font-weight:bold;}
.msg4{font-family:verdana;font-size:10px;color:green;font-weight:bold;}
#msg1{position:relative;left:0;top:0;width:540;height:20;display:none}
#msg2{position:relative;left:0;top:0;width:540;height:20;display:none}
#msg3{position:relative;left:0;top:0;width:540;height:20;display:none}
#msg4{position:relative;left:0;top:0;width:540;height:20;display:none}
-->
</style>
<script language="Javascript">
<!--
function showLayer(msg)
{
if(document.layers)
document.layers[msg].style.visibility = 'show';
else if(document.getElementById)
document.getElementById(msg).style.display = 'inline';
else if(document.all)
document.all.msg.style.display = 'inline';
}
function hideLayer(msg)
{
if(document.layers)
document.layers[msg].style.visibility = 'hide';
else if(document.getElementById)
document.getElementById(msg).style.display = 'none';
else if(document.all)
document.all.msg.style.display = 'none';
}
//-->
</script>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0 width=540>
<tr>
<td><a href="#" onmouseover="showLayer('msg1');" onmouseout="hideLayer('msg1');"><img src="pic1.gif" width=135 height=30 border=0></a></td>
<td><a href="#" onmouseover="showLayer('msg2');" onmouseout="hideLayer('msg2');"><img src="pic2.gif" width=135 height=30 border=0></a></td>
<td><a href="#" onmouseover="showLayer('msg3');" onmouseout="hideLayer('msg3');"><img src="pic3.gif" width=135 height=30 border=0></a></td>
<td><a href="#" onmouseover="showLayer('msg4');" onmouseout="hideLayer('msg4');"><img src="pic4.gif" width=135 height=30 border=0></a></td>
</tr>
<tr>
<td colspan=4 valign="top" align="right" height=20>
<layer name="msg1" class="msg1">
<div id="msg1" class="msg1">Shop for thousands of online exclusives, and everyday items too!</div>
</layer>
<layer name="msg2" class="msg2">
<div id="msg2" class="msg2">Online and in-store, printing, viewing and sharing photos is easier than ever.</div>
</layer>
<layer name="msg3" class="msg3">
<div id="msg3" class="msg3">Fill prescriptions, get In-store Refills, check Rx prices, and sign up for Refill Reminders.</div>
</layer>
<layer name="msg4" class="msg4">
<div id="msg4" class="msg4">Get information and answers on a variety of health topics.</div>
</layer>
</td>
</tr>
</table>
Welcome to...
</body>
</html>
I appreciate the help!
Before you post, read our: 
Layers Question
layers/div in Netscape 4.75?
)
