Unfortunately, it's not rendering correctly in Firefox. I'm not overly concerned, but really feel I ought to be able to get it right. The Tigra Menu is offset from the cell I want it lined up to (I know I have to use absolute positioning) and the Tigra hints look ugly with too much text as Firefox doesn't seem to want to wrap the text onto multiple lines like IE does. Presumably it is something to do with the HTML? Logically (in the absence of experience I only have logic to work with!) it shouldn't be the style sheet as the Tigra Hints don't need one, only the Tigra Menu does.
the menu is off-sync with the rest of the page is because the content is shifted in the firefox. Make sure to setup the document margins explicitly
because different browser have different default document margins. Check out our samples and note how we use 6 attributes to the body tag to set the
margins so every browser understands. Also make sure the rest of the positioning/margin/padding settings works the same in all browsers. If you open
both browsers slightly overlapping and align top edge of the documents you'll see that the menu is at the same offset from the top edge.
re.hints: just try to set the table width inside the hint explicitly, in worst case use <br> to break the line.
Perfect - set the margins and everything is perfect in both browsers for menu positioning.
Had to us the <br> tag in the hints to get them looking as nice in Firefox as they do in IE, but well worth the effort I think.
Thanks for great support!
One last question if I may - in IE the menu is pixel perfect. but in Firefox there is a very slight shadow effect beneath each root level item. This really is a very tiny detail, and more than likely not noticeable to the casual visitor but I'd be interested if there is a reason (and fix).