I am having a terrible time, and I’m about prepared to tear my face off.
I’m working on a photogallery, all square images. This is down with a list. It is almost perfect but the li are expanding by about 1/2 pixels at the bottom and for the life of me I cannot figure out why.
This is a known doctype-related issue and also a problem I ran into several times. I always fixed it by setting the img tag to "display: block;" but as I just read here: http://www.tjkdesign.com/articles/imageanddoctypes.htm you can also set the img tag to "vertical-align:bottom;" or "float:left;" to fix it.