Why does the HTML5 DOCTYPE mess with my padding?

Question

I have an html5 page with a navbar. Completely scratch coded. I just recently added a doctype to the item, and now I’m getting extra space under my navbar. If I remove the docty

Answer 1

I had the same problem when upgrading a XHTML4 website to HTML5. I had lots of these:

Which ended up with the magical extra padding around the images. For me the solution was simple -- add this css:

img { vertical-align: top; }