What's the best way to override a user agent CSS stylesheet rule that gives unordered-lists a 1em margin?

Question

I\'m working on a web app that has a topBar similar to facebook\'s blue bar at the top. I have an unordered list within the div of that bar to list some items, like Inbox,

Answer 1

I had the same issues but nothing worked. What I did was I added this to the selector:

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;