Space in Main Navigation Menu

Hi Sakin! I haven't bothered you in a while. Have you missed me? 1) So, I'm using the following CSS in order to add space between the Top Nav menu headings but I'm not getting it to respond.

@media screen and (min-width: 940px) {
    #header-menu ul.menu a, #footer-menu ul.menu a {
        padding-left: 20px;
        padding-right: 20px;
    }
}

ex. FACE BODY SKIN HAIR PRODUCTS FITNESS MUSINGS I would like them to be more spread out, have more space between them. I've tried to adjust the px but nothing. 2) When using Google Chrome and you put your mouseover the main nav menu headings and the dropdown shows up there is a strange transparency between the categories. It's fine in firefox and IE. Check it out and you will see immediately what I mean. https://beautyblackbook.com/wp-content/uploads/dropdown-transparency.jpg 3) How can I add a bullet point before the dropdown menu items. Categories, subcategories, posts, etc. Thanks! Kim beautyblackbook.com (or hidemyage.com)