Can someone please help me with my TD Mouseover problem?
I made a menu in Table form, and had the following codes:
<style type="text/css">
td.normal{
background-image:url(images/m1.jpg);
}
td.normalon {
background-image: url(images/m1r.jpg);
} </style>
.......
(and for the menu in each cell)
<TR>
<TD class="normal" onmouseover="this.className='normalon'"
onmouseout="this.className='normal'" height="22" valign="top">
<div class="style37" style="padding-top:3px; padding-left:34px "><a href="history.html" class="style3" span style="text-decoration: none;" ONMOUSEOVER="window.status= 'About Us' ; return true" ><strong>About Us</strong></a></div>
</TD>
</TR>
And so on. Basically the effect was I have this background image (m1.jpg) and when you click on a cell since it was a menu, the background uimage would change to m1r.jpg making it like sort of highlight.
You can view this at www.analytical-online.com/options and see the menu on the left
HOWEVER I received comments from some people that sometimes especially in INternet explorer, when they try to choose something on the menu.. so they will point the mouse on a cell and instead of having the desired highlight effect that I want to (from the mouseover)... the cell just goes BLANK.
It usually happens with IE but with Firefox it works fine.
Why does it go blank when you point to a cell/menu??? HELP! |
