Remove "pipe" after last menu item (wordpress)

This could be posted in a number of thread topics such as html, css, php but I have the following code to dynamically form the "top-left-menu" menu in wordpress.

<div id="top-left-menu">
<ul id="menu-top-left" class="menu"><li id="menu-item-1221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1221"><a href="http://belttech1.server275.com/site-map-2/">Site Map </a></li>
<li id="menu-item-1222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1222"><a href="http://server.com/privacy-policy/"> Privacy Policy</a></li>
</ul>
</div>

I've tried several things to get the "pipe" removed after the last menu item "Privacy Policy", but I can't get anything to work. (see below)
Attachment 5467

The pipes are being added dynamically with php, but I haven't been able to locate where the code is. I also tried css menu-item-1222 content after none and couldn't get it to work.

Anyone have any ideas? Thank you

Try #menu-item-1347 { background:none } in your stylesheet

The id in your sample posted code is #menu-item-1222, but when I visit your site via one of the URLs in the href's, its #menu-item-1347

The ID changed, I believe because I deleted the menu items after I posted this, and re-built them to see if it would work..which it didn't. I just tried your snippet and it worked, thank you! I think I had about everything but that :)