Help with navigation bar?

[aaronjunited]

Can anyone explain how I get the edges to fold round behind the navigation bar exactly as it is in this picture.

I know how to round corners, but that' not what this is.
I know its almost the same as a ribbon, but its not, its folding round behind the background color.

Anyone??

 

[Phreaddee]

:before + :after pseudo elements

 

[ronaldroe]

:before + :after pseudo elements

Thanks for suggesting this instead of AP divs...

 

[Phreaddee]

sorry what was I thinking! I meant APdivs...

I've really been enjoying playing with the before/after pseudo elements recently...

its always great when you can effectively triple the amount of stylistic things you can do, with the same markup.

 

[PixelPusher]

:before + :after pseudo elements

Just need to consider a fallback solution though. IE7 and lower do not support these pseudo classes.

Coyer made a pretty diagram for us, yay! Kidding, the guy know his stuff. Thanks Chris.

Pseudo Class Support