In IE7 and Firefox this page looks great. When you go to an older browser (mainly noticed in IE6) it looks bad.

The page is listed below.
http://www.valleybaptist.net/about/default.htm

On the older browser the main navigation is spaced out and there is empty space on the top and bottom of the main image. I have checked my code over and over and can't figure it out. Surely there is an easy solution or a workaround.

Below is the screenshot of the issues.

What it looks like:
http://browsershots.org/screenshots...16c3ade4abbc0e/

What is should look like:
http://browsershots.org/png/full/8a...b48121259a5.png

Please Help!!!

Ok, first I have to ask -- WHY go thru all that to create so much CSS - and yet you stick your layout in a TABLE ??? Dump it, you do NOT need it.

Lists behave differently in IE 6 and below.. no surprise, it has NEVER done them correctly. You might want to check out these resources:

http://css.maxdesign.com.au/listutorial/index.htm
http://www.positioniseverything.net/explorer.html

Taking your layout OUT of tables will help overall too. You have a decent looking site, now come all the way into the 21st century of web design and get rid of the tables