alhermette - 10:59 pm on Oct 29, 2012 (gmt 0)

Update

I amended the code to this:

/* set up the right arrows first */
#Navigation li > a:after
{
content:'\25B6';
float:right;
}

Now the right pointing arrows appear correctly in the dropdown. The downward pointing arrows in the horizontal menu are there but seem to have taken on a vertical alignment of top for some reason and nothing that I have tried has managed to bring them back to the middle.

the height of the menu bar is set by applying line-height:35px; to the hyperlinks contained in it.