Add { overflow: hidden; } to H1, H2, H3, H4, H5, H6 in main-ltr.css (and main-rtl.css).
Originally, TheDJ proposed to add overflow:hidden; to H2 in order to prevent the header lines from touching various right-floating elements. But I discovered that applying this to all headers fixes a major problem: Bunching (where the edit links are pushed down the page). With overflow:hidden;, headers respect the margin of all floating elements, causing the edit links to stay in bounds of the headers.
Tested in IE8, Firefox 3.6 and Chrome 8 with Vector, I found no adverse effects. Long headers still line-wrap, so nothing is actually hidden. This is presumed to be beneficial for all skins.
--------------------------
**Version**: 1.17.x
**Severity**: normal
**URL**: http://e.wikipedia.org/wiki/Wikipedia:Bunching