I have a problem in Firefox with a website I'm working on.
Please go to http://bit.ly/X8W2lZ and down-size the browser's window until the left sidebar disappears and you will see the content go to the left (outside browser) by around 40px. Any ideas on what could be the problem?
Your #content is 100% width + 20px total (which is 40 total left and right) equals more than 100%.
The box-sizing: border-box fixes this, but you are using it in places with no prefix. I am not going to test it, but I assume firefox needs the prefixed version still.
I have a problem in Firefox with a website I'm working on.
Please go to http://bit.ly/X8W2lZ and down-size the browser's window until the left sidebar disappears and you will see the content go to the left (outside browser) by around 40px. Any ideas on what could be the problem?
It works great on Chrome and IE.
There is padding on the content.
Your #content is 100% width + 20px total (which is 40 total left and right) equals more than 100%.
The box-sizing: border-box fixes this, but you are using it in places with no prefix. I am not going to test it, but I assume firefox needs the prefixed version still.
Thank you a lot scottnix