I am working on a navigator for a site that's still in the beginning stage. When I preview the index page(http://temp2692.smartetailing.com/) in Firefox, the navigator looks the way I want it to. But, when I preview it in Safari, Explorer, and Chrome, the page displays some extra content around the navigator. I am sure this is a CSS issue, but I can't seem to find the piece of code that is causing this problem.
Any help offered would be terribly appreciated.
P.S. Please let me know if there is any additional information I could provide which would help in the problem solving process.
So I've just checked the page in Firefox, Chrome and Internet Explorer (7-9). Other than some slightly different positioning and widths (only a matter of a few pixels and occurs in general due to different rendering engines), everything seemed to the the same. IE7 and 8 had a few issues with sub-menus in your dropdown but other than that everything seemed just as functional as well.
Perhaps you could show a screenshot or two of what you are seeing in Firefox and other browsers.
"Given billions of tries, could a spilled bottle of ink ever fall into the words of Shakespeare?"
I actually looked into a little further, and the problem only appears when I view the page on my 13" MacBook Pro. When I preview it on my Desktop PC, it looks fine.
Any ideas on why it would be looking different on my mac? I know the pixel ratio is different, so I guess it may just be a resizing issue.
Let me know what you think.