Horizontal scrolling doesn't show up when I resize browser

Question

I am building out a page. I noticed that when I resize the browser to see how it looks in a smaller window, the horizontal scroll bar doesn't show up.

This is the only css code I have for the body:

body {
font-family:Helvetica, Arial, sans-serif;
margin:0;
background-image:url(img/paper-footerbg.png);
background-attachment:scroll;
background-repeat:repeat-x repeat-y;

}

Here is a link to the page I am building out, http://taghomecaremarketing.com/test/theadamgroup/

Any help is appreciated. Thanks.

Answer 1

In your css for container div's, remove overflow: hidden

#headerBox, #mainBox, #subBox, #footerBox

Surely, you will encounter some other problems, but that's the answer ...

Answer 2

Or add overflow:auto. or overflow:auto!important;

If that does work and brings up a scroll on the x and y axis. Then best to try overflow-x:auto;

Good luck!

Answer 3

You've set it to overflow: hidden ! This hides the content. Change it to overflow: auto , or better still, delete it!