:hover only works on a tags in IE. There are two workarounds:
make the
alink tag within the lidisplay: blockandwidth:100%. Now you can put the:hoveron the link, but the link will take up all the space available and be the same size as theli. (You can read about the accessibility and usability benefits of this approach if you want, which also explains why your current rollover effect is a bit misleading.)if the above doesn't apply (e.g. if there is no
atag) you can use javascript to rewrite the :hover into a combination of CSS/Javascript that Internet Explorer understands. See here for details, but bear in mind, that for this particular usage, and basically any with clickable links, the previous technique is better.