Ever wondered how to change the arrow image of the Site Actions menu and the Welcome menu?

Here's how you can do it. Hide the image and give the container element a background image. Like so:

.ms-viewselector-arrow {
    background: transparent url('/_layouts/images/custom/new-arrow.png') no-repeat scroll 0 0;
    height: 4px; /* height of the image */
    width: 5px; /* width of the image */
}

.ms-viewselector-arrow img {
    display: none;
}

Not a big change, but certainly a nice tweak to help the branding consistency.