Here's my code:

[jsfiddle.net/q49hb](http://jsfiddle.net/q49hb)

```
<ul id="navigation">
  <li><a class="" href="#">Home</a></li>
  <li><a class="" href="#">Blog</a></li>
  <li><a class="" href="#">Services</a></li>
  <li><a class="" href="#">About</a></li>
</ul>

```

There's a little caret cursor in between each list item when hovering over. I noticed floating to the left will get rid of it, but then I can't center the navigation, which I am also trying to do. Any help?

So to re-cap, I'm looking to:

1. Space out the list items, leaving no excess space.
2. Not show a carrot cursor when hovering in between the items.
3. Centering the unordered list nav on the page.