So I am trying to get a small png image (an arrow) to show just above the :first-child menu item in the sf-menu dropdown, but I can't get it to show when I push it out of the menu I think it's being covered by an overflow:hidden. Here's my CSS. Maybe I'm using it in the wrong menu item?
.sf-menu li li:first-child {
background: url(images/drop-arrow.png) no-repeat left -15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}