I have my menu something like this.But here I have not used the arrow buttons. In that menu I have used an arrow at the top level. when you will make hover on that menu it is changing the color. but when I am hovering on the sub menus the arrow is not visible at the top level. Here with I am attaching the screen capture of the menu.
Here is the live demo
In this image you can see there is the arrow images. These is the normal state of menu.

This is the hover state of top menu. You can see the top arrow image color has been changed

This is the hover state of sub menus. Here you can see at the top level there is no arrow at the top menu. I want the hover state arrow image at the top menu here.

You should change the following css-selector
#access #header-right-menu ul li a:hover > span {to#access #header-right-menu ul li:hover a > span {