Does anyone knows the css code for this. I am able to get the background colour and the underline, how do I achieve the rectangular and the triangle shape? Any help is greatly appreciated.
well you haven't been very specific as to how your html is setup so it is hard to tell you. to do something like this normally you would just contain it inside a li.
Well you have to get the rectangle and square in some kind of transparent image composition say.. scr1.png now all you have to do is for that class display: block; background: #somecolor url('images/scr1.png') no-repeat; border-bottom: 1px solid #somecolor;