CSS Code is not working in IE 6

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;
  开发者_Go百科 text-decoration:none;
   }

---

IE6 only responds to :hover on a-elements. You try to use it on a list item.

---

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;
}

---

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;
}

---

Try this tutorial : www.learnwebdesignonline.com/css-tutorials/css-hover.htm

Razy