:after in css

[rctneil]

Hey,

I have a simple list like so:

<ul id="nav">
<li>stuff 1</li>
<li>stuff 2</li>
<li>stuff 3</li>
<li>stuff 4</li>
</ul>

I am adding the following css to it:


#nav li:after
{
content: " | ";
}

For some reason, the spaces either side of the pipe do not show. Is there a way of getting spaces in there so I end up with space, pipe, space?

I tried using "<br />|<br />" but it literally puts that in between my list items?

Any ideas?

Thanks

Neil