Dealing with cross-browser margin and padding inconsistencies
So currently I'm working on this: http://0p2.rosstran.net
This was built off HTML5 Boilerplate which utilizes normalize.css, but even with this if you view the page on different browsers, different margins and paddings will occur on the navigation bar depending on the browser:
I'm new to the HTML5 Boilerplate/normalize.css and it kind of makes me wonder why use normalize.css if it can't even get the margins/paddings consistent across browsers unless I'm doing something wrong? I'm pretty sure this wouldn't be a problem if I used a normal CSS reset...
Tips on CSS browser compatibility would be helpful as well!