Hi,
Can someone help me figure out the easiest way to change my header so that the background image hides under the left-hand side of the browser window when the window is made small/narrow. In other words so the SnackZone logo sits flush to the left hand side of the window when the the browser is re-sized. I know I am probably describing my issue poorly! I have a background image on repeat-x on the body tag, and my #header div has a 1200px wide background image - since my header is sized as 1200px wide, this width of the site is stuck to that width - therefore when people have smaller screens and cannot view the browser at 1200px wide, the page looks off center and too much to the right because the header div is not allowing it to slip under the left side of the browser until it hits the logo.
DOES ANY OF THIS MAKE SENSE? How do adjust the structure so that I can achieve this?
Here is the URL to the page in progress...
http://vojodesign.com/proofs/snackZone/
Thanks in advance.