HTML & CSS
I noticed there was a "white gap" between the "Don't Ask, Don't tell" and "Suicide Prevention" buttons on this site.
I looked at the code and it looks like nestles upon nestles.
Does anyone know what is causing the white gap between those two buttons? I can't seem to figure it out.
Here's a screenshot:
The image is leaving space at the bottom for any potential text-descenders (even though there's no text). Images by default align to the baseline of the text they sit beside.
You can fix it by adding a style declaration to the HTML (although, of course, it's better to have this is a style sheet):
<img <font color='"Red"'>style="vertical-align:bottom;"</font> height="45" border="0" width="245" alt="Don't Ask, Don't Tell" src="http://www.af.mil/shared/media/document/AFD-100416-079.jpg">