Horizontal List with different bullet images... is it possible?

The Css and html list below work fine... sort of :-)  However, I want to give each individual list item a specific Image icon. I tried to do this with the last item 'Logout'. I gave it an ID and tried to add a style for the id. I need help.

Anyone?

Kind regards

A.



#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Arial, Helvetica, sans-serif;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
      text-decoration: none;
      padding: 3px 0.5em;
      margin-right: 3px;
      width: 160px;
      height: 24px;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: #009933;
}

#tablist li a.current{
      background: #FF9966;
      color: #FF6600;
}
#tablist li .Logout {
display: inline;
list-style-position: outside;
list-style-image: url(../Local_Items/Local_Skin/webnea_st2/InterfaceIMGs/Lower_TABS/logOut.gif);
}

----------------------------------------------------------------------------------------------------------------------------------
<ul id="tablist">
<li id="Profile"><a href="<%=strRL & "Community/Com_Home.asp"%>"><%=WebneaText(783)%></a></li>
<li id="Search"><a href="<%=strRL & "Community/PeopleSearch/PeopleSearchDefault.asp"%>"><%=WebneaText(794)%></a></li>
<li id="Mail"><a href="<%=strRL & "Community/MSG_Tools/MSG_Default.asp"%>"><%=WebneaText(782) & "(" & MSG_Unread_TOT & " - " & MSG_TOT & ")"%></a></li>
<li id="Logout"><a href="<%=strRL & "VD_Items/VD_Login/DoLogOut.asp"%>" ><%=WebneaText(781)%></a></li>
</ul>
----------------------------------------------------------------------------------------------------------------------------------Start Free Trial