Website container appears to the right of menu only in Firefox
I am working on a website, and everything looks fine in Chrome, IE, Opera, and Safari, but when I use Firefox, the container is appearing next to the menu, instead of under where it should be. Either it isn't centered for Firefox or something else is wrong. Any ideas on how to fix this Firefox problem? I have tried the troubleshooting steps for "Websites look wrong in Firefox" to no avail. I have also started Firefox in Safe Mode with the same problem. http://pilarpobil.com
الحل المُختار
Get rid of height: 0px; for #header in the page. There might be another way, but that should work.
Read this answer in context 👍 0All Replies (3)
الحل المُختار
Get rid of height: 0px; for #header in the page. There might be another way, but that should work.
Thank you so much! That worked like a charm! Do you have any idea why Firefox doesn't like that though?
You have a mix of positioned elements (position:relative) and floated elements. I think height:0px is causing the positioning to be relative to the last floated item rather than the div containing them. But it would take quite some time to untangle and confirm.