I have been supplied a design based on a 12 column 960 grid. The header was designed to be 960 px wide but I would now like it to stretch across the page. The problem is that it contains a gradient and 'led dot effect' which I would like to keep but not repeat (i.e I don't want to use repeat-x).
Can anyone suggest an approach for achieving this? The body of the page is set to the darker blue in the linked image.
2 answers
point
If you like to keep the site centered, I would try something like this: http://jsfiddle.net/7UDnD/1/
points
Set the image as a background to the body tag. Give it a background-position of top right.

