Menu font

I’m using this code for the down arrow in the main menu…

.menu li > a:after {
    font-family: 'entypo-fontello';
    content: '\ue877';
    margin-left: 7px;
    color: #fff;
    font-size: 14px;
} 
.menu li > a:only-child:after { content: ''; }

It’s showing weird characters in the menu instead of the down arrow.

Also, I want to remove the shadow in the drop down menu links.

How can I do to remove the shadow and fix the down arrow?