I made an update to a page that has been displaying correctly until I made a change. I added a couple of additional rows of pictures to the layout and all looks fine when testing in IE6 and Firefox 1.5.7 on my computer. However after uploading to the server, in IE6, the table holding the photos has a large gap down the middle preventing the pictures from floating or distributing evenly in the cells.

Before changes:

After changes:


I'm banging my head against the wall; I can't see what is wrong and the pages validate, too.

Hopefully, someone here has a keen eye and can point out my mistake. Any help would be greatly appreciated.

Thanks in advance.