curving a header image

[svenny1]

Hi again, i have another issue i can't get my head around. As before i'm sure it will be an easy solution.

 

basically, i currently have an image 1px wide with 100px height which is repeated accross the page, basically i want the top left and top right corners to be cornered.

 

Any ideas people?

 

div.header
{
padding:0em;
color:white;
background-image:url(bg.jpg);
background-repeat:repeat-x;
clear:both;
margin:0 auto;
}

[svenny1]

erm does rounded make more sense?, hang on let me find an example.

 

http://a-ccarsales.com/page3.htm

 

see like their header has rounded corners, thats what i want. However theirs is fixed, i want mine elastic but with the rounded corners, sorry if i'm not explaining this very well..

[haku]

You have to use a separate image for the corners. There are multiple ways to do it, google 'CSS rounded corners' to find out more.