hi folks,

i've spent over two weeks trying to figure this out. got some help from the weaver ii theme forum peeps, but i just can't seem to get over one last hurdle -- i have everything working as desired *except* the li background item for the current page. since it is not a link <a> item, i just can't figure out which element to style ://. (i know. lame.)

AT REST LI ICON WORKS -
Code:
.homepage a {background-image:url(http://www.threeriversfitness.com/wp-content/uploads/2013/01/homeLight.png); background-repeat:no-repeat; background-position: 10px 18px; background-size: 15px 14px;}
HOVER LI ICON WORKS // CURRENT LI ICON DOES NOT WORK-
Code:
li.homepage a:hover, li.homepage .current_page_item {background-image:url(http://www.threeriversfitness.com/wp-content/uploads/2013/01/homeDark.png); background-repeat:no-repeat; background-position: 10px 19px; background-size: 15px 14px;}
the current page should match the hover state darker icon at a slightly lower position. additional styling will bring the text in line with the dropped icon. but right now i just need to corral that dang element!! (and believe me, i've tried so many of 'em in there i can't even see straight any more.)

here's the url so you can see it in action: http://www.dev.threeriversfitness.com/welcome/

on a related note, when i view source or use browser dev tools i see declarations with a '>' stuck between elements like so:
Code:
.menu_bar .current_page_item > a, .menu_bar .current-menu-item > a
what does that mean and how do i handle it when trying to write new rules for that strign of elements/classes in the actual style declaraton?

thanks so much in advance for your patience and assistance. :-)