I spent literally half an hour tonight trying to understand why the hell the browser was adding an extra line break to my page design.

Checked CSS, firebug, nothing. Happening in both Chrome and in Firefox !

Long story short, after a lot of debugging, I realized my <h2> tags </h2> were to blame. But most amazingly, when I replaced those lines with the exact same content inside the <h2> tags, the line breaks disappeared !

Since neither 'show source code' nor firebug showed anything different, but the render was different (extra line break), I decided to commit the changes with the line break, then replace those lines with the same exact content and run git diff.

To my surprise, there was an Invisible character in my HTML code that Sublime simply didn't show: