improve CSS for category drop-down on desktop (bug 1083625)

# tasks completed

* simplify the CSS
* remove a bunch of unnecessary positioning changes upon hover
* remove the gap between the edges and add a `border-radius` to each nav item on the edge of the drop-down menu

# before

![screenshot 2014-10-15 21 15 43](https://cloud.githubusercontent.com/assets/203725/4657734/fa7a66e0-54ef-11e4-913d-83aaadd47bd8.png)

# after

![screenshot 2014-10-15 21 19 44](https://cloud.githubusercontent.com/assets/203725/4657736/086642a6-54f0-11e4-95aa-bd04ac6aed08.png)

I'm not super pleased about how the lines lead up to the white triangle at the top, but I think overall it looks better.

I'm fine with removing it. there was previously already an `outline: 0` but it wasn't set on `:focus`, so it didn't work.

I'm very down with removing this. I know outlines can add visual cues, to be honest I'm not entirely knowledgeable about the accessibility benefits here.

two interesting posts:
http://a11yproject.com/posts/never-remove-css-outlines/
http://24ways.org/2009/dont-lose-your-focus/

the conclusion seems to be when a user is using a mouse, you can remove the outlines, but you probably shouldn't. so just leave them alone.

I've removed this change. good call.