Please look at http://www.villageairportvan.com/new_main.htm
in FireFox (Version 10). This layout is exactly what I want.
Now look at the same page in IE (Version 8). Note the discrepancies.
I realized that one of the issues was the vertical separation between the menu bar item on the left. If you look at the code, there is a "spacer" of fixed height of 14 pixels between the bars. In FireFox, it is 14 px. In IE it is 19 px.
The image spacer.gif is 1 x 1 transparent gif.
I realize that my "old fashioned" way (not css) of doing this may not be politically correct, but why can't IE render a 14 px height image as 14 instead of 19?
How can I fix this?
PS - I tried making a php version that recognizes the browser & sets the height to 11 for IE. IE still renders it as 19.