CSS menu separators on both sides

Hi,

my problem is that I’ve got menu and want to have separators beetwen every

(Toggle Plain Text)

	ul#nav li {
		display: inline;
		font-size: 1.3em;
		background: url(img/2/separator.jpg) right  no-repeat;

		padding: 10px;

	}

ul#nav li {<br /><br /> display: inline;<br /><br /> font-size: 1.3em;<br /><br /> background: url(img/2/separator.jpg) right no-repeat;</p><br /><p> padding: 10px;</p><br /><p> }

but when I add

(Toggle Plain Text)

	ul#nav li:first-child  {
		background: url(img/2/separator.jpg) left   no-repeat;
	}

ul#nav li:first-child {<br /><br /> background: url(img/2/separator.jpg) left no-repeat;<br /><br /> }

it shows separator only on the left, not right and left in first item.

is it possible to do that through css?

cheers

http://bit.ly/oFH5Y8