Question

I am using li::before to get rid of some content, but this code works in all browsers but not IE8. Why? Do I need a JavaScript solution?

This is my code:

.NewsArchive li::before, .NewsSubMenu li::before {
    content: "• ";
    display: none !important;
}

Answer 1

IE8 does not support CSS3’s double-colon notation for CSS1 and CSS2 pseudo-elements. That notation is only supported by IE9 and later, and other browsers.

If you need IE8 support, you have to use single colons:

.NewsArchive li:before, .NewsSubMenu li:before {
    content: "• ";
    display: none !important;
}

No need for JavaScript. And you most probably don’t need that !important either.