Su muestra no funciona en IE para mí, debe especificar el encabezado Doctype en su documento para representar su página de manera estándar en IE para usar la propiedad CSS de contenido:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<html>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
</html>
La segunda forma es usar selectores CSS 3
li:not(:last-of-type):after
{
content: " |";
}
Pero aún necesita especificar Doctype
Y la tercera forma es usar JQuery con algún script como el siguiente:
<script type="text/javascript" src="jquery-1.4.1.js"></script>
<link href="style2.css" rel="stylesheet" type="text/css">
</head>
<html>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
<script type="text/javascript">
$(document).ready(function () {
$("li:not(:last)").append(" | ");
});
</script>
La ventaja de la tercera forma es que no tiene que especificar doctype y jQuery se encargará de la compatibilidad.