Hi Guys & Gals,

I am new to this forum so firstly I would like to say hi to you all.

I am having problems creating rounded tab navigation using CSS. I make the background of the link the colour I want and use an image of a corner created in photoshop at set as background image, left and top. I use a span class for the right hand corner....... the problem is the corners are covered by the background colour. If I remove the background colour you can see the rounded corners.

Followed the instructions given by webcredible and it works fine when using the image they have created for the corners but doesn't work when I use the corner images I created.

Any solutions?

Did you perhaps make your corners have a transparent background? When using a technique like that, you have to give the corners a solid color background -- namely, one that matches the color of the background it will be sitting on.

Yes they I gave them a transparent background.

So that could be my problem. Thanks for your help.

Out of curiosty why can't you use transparent background?

Worked a treat thanks so much. Spent all yesterday trying to work it out.

Managed to get the rounded tab navigation up and running ok.

The only problem I have is that it doesn't render quite right ion IE. IE adds in a small image to the right of the active tab. Firefox and Opera both render it properly.

Any suggestions

www.sdrussell.co.uk