If you look at attached screenshots you can see that the menu bars are displaying at different heights in the three main browsers. The screenshots are as follows in the attached compilation:
Top: Firefox
Middle: Internet Explorer
Bottom: Google Chrome
The R/L extensions of the menu are created by a background image which is a modified version of background7.png.
The height of the color bands in the image to R/L is consistent, it is the rendering of the height of the horizontal menu bar elements that varies.
Google Chrome renders them exactly the right height. FF and IE render them too high, and they are slightly different than each other as well.
Anyone have any suggestions how to get the menu bars to render out at the same height in all three browsers so it looks good for all users?
