Firefox displaying the nav menu strangely
I've built the following site and I'm having an issue with older versions of Firefox displaying the nav menu strangely.
Basically the issue is, that when hovering over menu page links, they sporadically disappear and reappear. They div floated right in the header (containing "tel: 01246 xxxxxx Call now to book a visit") is also coming and going. If I delete that floated div, the nav menu works fine, but I ideally want to keep it in. What's also strange, is the problem is not happening on the gallery page, I've copied the code exactly from there to solve the issue but its still happening.
The issue is not happening in the new Firefox, just older versions. I'm on Mac OSX 10.5.8, so cannot upgrade the new version of Firefox, Im using 16.0.2. The problem doesn't exist in any other browser.
Thanks in advance
Modified by cor-el
Additional System Details
Every time Firefox opened
- Amazon MP3 Downloader Plugin 1.0.17
- Shockwave Flash 10.3 r183
- FireFox Coupon Printer
- The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
- The Flip4Mac WMV Plugin allows you to view Windows Media content using QuickTime.
- RealPlayer Plugin
- User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.5; rv:16.0) Gecko/20100101 Firefox/16.0
As for upgrading to the latest version of Firefox, you might want to download TenFourFox from http://www.floodgap.com/software/tenfourfox/
The OP has a Mac with an Intel processor, so TenFourFox doesn't apply.
Firefox 17 will require OS X 10.6 and later, so you need to update your OS if you want to continue updating Firefox.
You can see the Firefox 17 (currently in beta) system requirements here: http://www.mozilla.org/en-US/firefox/17.0/system-requirements/
Which versions of Firefox have this problem?
Note that you may need to add a "clear:both;" CSS rule to elements further down in the DOM in case of problems with floating elements.
Thanks for your replies, I'm using Firefox 16.0.2
After further investigation, I have found that it is the <select> option within the form in the right hand side div causing the issue.
In this link, I have left the <select> option in the form and the issue of the three a links (testimonials, helpful links and get in touch) disappearing in the nav menu when you hover over them is there.
In this link I have removed the <select> option within the form and the problem is fixed.
Is there any reason this would be happening?
Did you update the code in the two test pages?
I previously saw a height attribute for the UL element that makes the menu list that caused this issue, but I'm not seeing that height attribute anymore.
Yes, I updated the css for the menu list to see if it solved the problem, but still no further forward apart from the discovery in my last post.
Any advice on how to fix this is greatly appreciated
A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.