How to put arrow bullets on Spry menu

Hi

I have got a vertical Spry menu, however only one of the menu options has a
sub-menu. i want to get the little arrow image to appear to the right of the
text, but only on this menu item. Can anyone help (I am relatively new to
Dreamweaver so if it sounds like a dumb question it is because I am).

Thanks

Inside the SpryMenuBarHorizontal.css find these styles:

ul.MenuBarHorizontal a.MenuBarItemSubmenu
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover

Add these lines to each one:

background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;

This will give you an arrow head on the right side of each menu tab that has a
drop down. You can also play with the background-position %. The first number
is the side to side. Higher goes right, and lower goes left. The second is
the up and down.

Hope that helps.

Inside the SpryMenuBarHorizontal.css find these styles:

ul.MenuBarHorizontal a.MenuBarItemSubmenu
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover

Add these lines to each one:

background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;

This will give you an arrow head on the right side of each menu tab that has a
drop down. You can also play with the background-position %. The first number
is the side to side. Higher goes right, and lower goes left. The second is
the up and down.

Hope that helps.