How do I achieve a look like this is it possible with CSS....

 

I would really appreciate your help

 

The easiest way would be with css3

 

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

 

But that will only work with newer browsers, otherwise you could use the shrink wrap technique

 

http://www.cssplay.co.uk/menus/shrinkwrap_menu.html

 

Or alternatively a sliding doors method (does it need to scale horizontally or vertically? modify the technique to suit, i don't think it's possible to do both though)

 

http://www.cssplay.co.uk/menus/sliding_doors.html

 

The fourth method i know of, is to create create a square, and then nest divs inside with the rounded corners and then reposition them accordingly to fit onto the corners. I don't have a link, but i've used this method a few times to create rounded corners for images.

I used to use this site for generating rounded corners previously.

Use jQuery and the Cornerz plugin.

Thanks Guys