Add a simple down arrow image to drop down menus

Question

I have a site where certain menu headings are drop down (css)

I want to add a small down facing arrow onto the certain menu headers that are able to drop down. Can anyone give me any ideas how to do so?

Answer 1

a:after{
    content: '';
    border: 4px solid transparent;
    border-top: 4px solid white;
    margin-left: 2px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: bottom;
}

I think this is the best way to do it, as you can adjust the border for the length and adjust the 'border-top' for the height, giving you full customization.