Menu Button Assistance

Based on this menu structure:

menu system

I want to purely use a CSS based Menu System but am unsure what is the best way to approach to get the blue gel 2D button look based on "Home" and "About Us" ?

I basically would like to know how to achieve this button look and then in CSS use this background button and then be able to add the label via html/css.

Is this possible?

A开发者_开发知识库ny example tutorials to achieve this would be much appreciated. I also have access to Photoshop.

Thanks.

So, here's a multi-part answer:

The button design you speak of is done in the graphic itself (so if you want to get really technical, it's not entirely PURE css) An example of how to make the "jeweled glossy look" is here: http://iris-design.info/photoshop/web-20-style-buttons/ It can be easily adapted to get the look you desire. Note also that there are several sites out there that will create a jeweled web 2.0 like button (I hate that term!) without photoshop. Just google "web 2.0 button generator"

To make things easier, I'm going to assume that you're using nested