Stretchy Image Header Banner with CSS

This is an example of a stretchy header banner as documented in my "Stretchy Image Header Banner with CSS" post.

If you resize your browser window note how the image will resize to fit the window.

The quality of the image will suffer at higher and lower resolutions and some images will work better than others.

The photo is of Rangitoto Island in Auckland, New Zealand, taken from Omana Beach on February 25th 2007.

The actual image is 1000px wide. You will see it becomes somewhat blurry at wider screen sizes

A better quality image may work better.

And the following is a second example of a stretchy image.

This one is of St Heliers in Auckland, New Zealand taken on September 3rd 2007.