Remove all the rules you’ve applied to
.sf-menu li, since they aren’t making a difference. Also, remove
display: table-cell; from
.sf-menu a and add:
width: 25%; float: left; display: block;
As an aesthetics thing, you should have some padding on the top and bottom of the menu items. They’re so low profile, they’re easy to miss.