Replicating this with CSS? -> Shadow, Roundcorner, Gradient

[clydejones]

I want my NavMainWrapper to look exactly like this.

It is possible to replicate this 100% with CSS?







Anti-Aliased Rounded Corners, Drop Shadow and preferably (but not imperative) a Gradient Fill.

All without using ANY images whatsoever ??

any CSS gurus out there got a simple solution? :)

Solution: yes! simple: not really!

You'll have to combine several css methods to accomplish what you want.

Drop Shadow:
Look at this tutorial

Although it uses an image.

The closest you'll get to a drop shadow without an image is to use a border-bottom declaration in your stylesheet.

Rounded Corners:
Look at this tutorial

OR

This one