I have a web page (built using cakephp) using a div with an "overflow: auto;" property. This causes the horizontal scroll bar to be enbedded with the div. I don't like this since a user has to scroll down first, and then scroll over. So I want to get rid of the div horizontal scroll bar and use the main browser window horizontal scroll bar. I'm able to do this by removing the "overflow: auto;" property in the css file, but then this causes other formatting changes that I don't want.
This is a screen shot of the interface with the overflow property:
This is a screen shot of the interface without the overflow property:
Here is the relevant section of code from the css file:
padding: 10px 20px 40px 20px;