I'm experimenting with the Spry horizontal menu widget and
trying to customize it. Basically, I have four main categories in
the menu, and all I'm attempting to do is put a border on the right
edge of each cell so it appears to have dividing lines between the
text, something like this:
Item 1 | Item 2 | Item 3 | Item 4
however I tried to set border-right styles in the css but it
doesn't seem to do anything. here's where I was changing it and
what I added. What am I doing wrong?:
/* The outermost container of the Menu Bar, an auto width box
with no margin or padding */
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
border-right-color:#FFFFFF;
border-right-style:solid;
border-right-width:thick;
}