In the page linked below, there are two `<section>`s in a `<header>` and their combined width is 100%. 20% to the left, pink `<section>` and 80% to the right, green `<section>` and there are no borders, margins, or padding.

Except there seems to be a margin on the two sections causing the rights, green one to drop to a new line.

I know this because when I give a negative margin-right to the left, pink `<section>` and the right, green `<section>` then they fit on the line inline.

Where is this margin coming from and how can I get rid of it without nastily applying negative margins?

Also, and in other words, how can I get the two `<section>`s to fit on one line inline?

Here is the page where this is happening: <https://dl.dropboxusercontent.com/u/270523/help/new.html>