Reset CSS messing with layout

Question

So I've found that my site has a bunch of inconsistencies between browsers (as to be expected)

I've implementing reset.css into my style sheet and it works with most of the issues except what seems to be the padding. When it's added it pushes the header down the page. The good news is it does this consistently through each browser haha

So what can be done to keep the header in place rather then it bumping down?

Thanks so much!

Answer 1

You could try using normalize.css as your css reset instead, it's worked for me and fixes padding for sure.

Answer 2

The reset file adds a vertical-align: baseline; which messes up your layout. IMHO if you do use a reset, then you need to explicitly define paddings, margins etc.