графический разделитеть между пунктами главного меню

есть меню типа список выстроенное горизонтально:Код:div#usermenu{position: relative;bottom:10px;} #usermenu ul {margin:0;float:left;}ul#usermenu {list-style : none;margin : 0px;padding:0px;display:inline;}#usermen u li {display : inline;list-style : none;background-image : none;padding : 0px;margin : 0px;width : auto !important;font-size : 12pt;white-space : nowrap;padding-right:10px;}#usermenu li a {display : inline;padding-left : 0px;padding-right : 0px;margin:0px;line-height:normal;font-size : 12pt;color : #1d3657;text-decoration : none;}#usermenu li.active a {text-decoration:none;}#usermenu li a:hover {font-size : 12pt;color : #f1f1f1;text-decoration:none;}#usermenu li a:visited {text-decoration:none;}как добавить разделитель в виде вертикальной полоски (графический файл) между пунктами меню а также перед первым и последним пунктами?