Hello, and thanks for your interest.
My horizontal button scheme causes unwanted white space to appear just above the button row in IE8. It displays perfectly in FF3. Here are some cropped screenshots that demonstrate the issue:
First, IE. The upper black area is the bottom of a jpg image, located inside a table cell, one row above the menu code. The menu code is inside a cell in the next row, identical in width. Notice the gap between the bottom of the image and the top of the buttons ...
Now, Firefox ... this is the desired result:
I tried moving the tagged script outside the table. tried various 'valign=?' schemes, tried 'bordercollapse' style, and also tried placing all the button code inside 'div' tags. If there is a CSS conflict, I cannot find it.
Help?
Thanks.
- H. Bean, Esq.
PS - An additional button style type (Selected) in addition to normal/mouseover/mousedown would be a very useful feature!