I have a navigation menu that adds a pipe after each menu item using the “border-right” CSS class. Unfortunately, IE does not play nice with the “last-child” pseudo-class that I was using to remove the pipe from the last element.
The solution to the problem was to reverse my thinking, and use the “border-left” CSS class along with the “first-child” pseudo-class. For some reason, the “first-child” pseudo element was included in the CSS2 definition and has wide cross-browser support. The “last-child” class, however, is a CSS3 definition and enjoys only a fraction of “first-child”‘s cross-browser support.