im not sure what is the correct approach for this with css.
I have an element like this in my design.
What i have right now, are 2 "a" elements, and one of this have an .active class.
What i need to do is to append this image:
next to the "a" element with the .active class
.botones_menu { padding-top: 15px; padding-bottom: 15px;}
.botones_menu > a { font-weight: normal; font-size:12px; color:#FFF; background-color: #00652e; display: block; padding: 10px; padding-left: 30px; border:1px solid #9faca5; margin-left:2px; margin-top: 10px; margin-bottom: 10px;}
.botones_menu > a.black {background-color:#000;}
.botones_menu > a.active { background-color: #6bb90f; background-image: url(imagenes/green_arrow.png); background-position: right; background-repeat: no-repeat; }