Hello,
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:
http://bijou-events.com/photos.htm

After changes:
http://bijou-events.com/photos3.htm

CSS:
http://bijou-events.com/bijou.css

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.