Basically the clouds are on top of the background image with the sun and blue and yellow stripes. My problem is when the browser is resized to smaller widths, the background image gets pushed down.
I have a margin-top set to negative values to push this back up at certain break points but the distance changes dynamically as the browser window is resized. You can see there is white space as the browser window is reduced in size.
Is there a way to lock the background to the top of the window, yet allow it to be resized as the window size is reduced?
I have an background image and then another image on top of that:
http://fungrazing.com/
Basically the clouds are on top of the background image with the sun and blue and yellow stripes. My problem is when the browser is resized to smaller widths, the background image gets pushed down.
I have a margin-top set to negative values to push this back up at certain break points but the distance changes dynamically as the browser window is resized. You can see there is white space as the browser window is reduced in size.
Is there a way to lock the background to the top of the window, yet allow it to be resized as the window size is reduced?
Got this sorted. This falls under what is colloquially known as "user error" :)
Had an errant margin-top declaration in another stylesheet.