Alternative method of placing arrows on menus

[Wargardens]

I thought I would pass on the following, which I have found useful. Basically, it allows you to place optional coloured arrows on menus/submenus without using images. I have only tested it in IE6 and Moz 1.4 so far, however.

⇒ is the html entity for a double arrow (see http://www.miswebdesign.com/resources/a ... ences.html).

Style definitions need to be something along these lines:
<style type='text/css'>
.rarr { float:right; font-size:120%; font-weight:bold; }
.mred { color: #900; }
.mblue { color: #009; }
</style>

And the following is for the menu items themselves:
<span class='rarr mred'>&rArr;</span>Menu Text 1 Here
<span class='rarr mblue'>&rArr;</span>Menu Text 2 Here