Code:
.navbar .menu >li>a {
float: none;
padding: 10px 17px 10px 0px;
color: #fff;
font-weight:bold;
text-transform:uppercase;
text-decoration: none;
text-shadow: 0 0px 0 #fff;
}
.navbar .menu >li>a::before {
content: "";
display: block;
height: 5px;
width: 5px;  
background: silver; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
margin:0px;
padding:0px;
}
once i add the pseudo selectors the entire menu shifts down. Just add more padding to the li>a?