I in the process of develping a site. I have a top background header image that is 2200px wide, ensuring that it will be seen on most monitors. The image however does need to be center with the monitor lining up with the body container that is set as width: 1000px; margin: 0 auto;
The issue I am having is the top background header image is causing a horizontal scroll bar. I have tried using overflow-x:hidden; in both the header and header-nav neither has worked.
code is below.
/* Header */