Trying to eliminate 1px horizontal whitespace after changing doctypes

Get Started
1

When I changed from doctype 4.01 transitional to strict, I get an extra horizontal whitespace at the bottom of my header before the navbar. Any ideas how to correct? Examples below. My imgs have a 1px white border to make it look like ‘header_good.html’ below Thx.

http://173.201.24.200/test/header_bad.html (using strict doctype)

http://173.201.24.200/test/header_good.html (using transitional doctype)

2

Worked perfectly, thanks.

3

The gap you’re seeing is the room on a line of text that’s reserved for text descenders, such as j, g and y. The images are aligned with the baseline of the text, which is above the descenders. you instead need the images to be aligned with the bottom of the text area.


table img {
    vertical-align: bottom;
}