Question

I’m having an issue with IE not rendering a :hover effect. Here is my CSS

#navlist li:hover {
    color: white;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-image: -moz-linear-gradient(top, #ffa23e, #e1841f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffa23e), color-stop(1.0, #e1841f));
}

I have found something online that says IE ignores :hover except on anchor tags. In any case, does anyone know the right workaround for this?

Also, I am using the HTML5 doctype – would that cause problems here?

Answer 1

-moz-linear-gradient and -webkit-gradient do not work in IE. At all. CSS gradient generator to the rescue.