this is the code for menu CSS code. It will work on Firefox but not in IE6.
.menu li a:hover .menu ul li:hover a{
background-image:url(images/ye.jpg);
color:#000000;
text-decoration:none;
}
views:
57answers:
4
+4
A:
IE6 only responds to :hover on a-elements. You try to use it on a list item.
Arve Systad
2010-05-26 08:14:58
I never knew that! IE6 continues to surprise, and not in a good way!
Kyle Sevenoaks
2010-05-26 08:23:55
A:
Unless you made a typo, the selector looks wrong.
It should be enough with this CSS, unless you have more uls inside the .menu lis.
.menu li a:hover {
background-image:url(images/ye.jpg);
color:#000000;
text-decoration:none;
}
egarcia
2010-05-26 08:20:32
+4
A:
Unless you pasted incorrectly, it looks like you also might be missing a comma between your two rules?
.menu li a:hover, /* <--- comma */
.menu ul li:hover a {
background-image:url(images/ye.jpg);
color:#000000;
text-decoration:none;
}
Jeriko
2010-05-26 08:20:45
A:
Try this tutorial : www.learnwebdesignonline.com/css-tutorials/css-hover.htm