Hi all,
I'm using the following code in my website, and it's looking totally
different on IE and Firefox. It actually works on IE while Firefox is
weird.
In CSS:
img.left_nav_1 {background: transparent;}
a.left_nav_1 { background : url(/images/rollovers_01.gif);}
a.left_nav_1:hover {background : url(/images/rollovers_01-over.gif);}
And in Code:
<a href="/test.cfm" class="left_nav_1">
<img class="left_nav_1" src="/images/Rollovers_trans.gif"
border="0"/></a>
To see this in action check out --
http://tinyurl.com/9v9of in both Firefox and IE.
In Firefox it's like the image is moved down 50%.
Ideas ??? We're already using OnMouseOver javascript tags for our
slide-out menus, so I can't use this with a hoverover script with
javascript... unless someone knows how to do two OnMouseOver commands
within a single anchor tag. I did try this, and both IE and Firefox
only execute the first onMouseOver and ignore the rest.
Suggestions ???
Thanks.
Sam