Curve Border Using CSS & Image

[Vishal]

I am just not able to figure out on how this can be achieved. Can anyone help?

Image Format
<snip>

I want this as part of site layout (just using css, no tables).
I can handle the section title and information, however for the footer/curve border I am having issues. I tried to slice the footer curve and place another div after the first one, however for some reason it is not working.

Anyone knows how do I get it working?

Thanks for the help.

Vishal

[edited by: engine at 2:17 pm (utc) on May 26, 2006]
[edit reason] No urls, thanks. [/edit]

[123rank]

Maybe creating a new div to the relevant size and having the curved border end as a background image could help?

Its the simplist way I can imagine

[Vishal]

we both posted at the same time.. :)

I tried creating a new division however it didn't seem to produce desired result. I did some reading, and seems like I should be able to use backgroud property element for this... I guess time its time to get back at testing stuff.

[Setek]

What's the code look like, and how doesn't it produce the desired result? Maybe we could give some suggestions if we knew more :)

[mcvoid]

instead of doing a new div, why don't you just have the whole border as a background image and adjust the padding to so many pixels to that it doesn't overlap the border part of the background?
Eric Meyer also has a more sophisticated way of doing it on his web site, but that way seems like more of a hassle to me when one padding rule will do the trick.