[SOLVED] Rounded corners - im just not getting it
 

On previous sites, I wanted straight edges and got rounded corners and couldnt get rid, now I want rounded corners I cant seem to get them.

I uploaded the rounded setting file, and made a few changes as I couldnt see any rounded corners

Now Im trying to get my page menu with rounded edges and I cant seem to get it done, any advice is welcome:

website: test.mentorg dot co.uk

I;ve added the following into ATO: css/html but i must be doing something wrong


#rmenu2 li {
padding: 10px 0px;
}


/* round corners for page menu bar items */
#rmenu2 li {
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;


Any other tips for rounded corners in the other aspects wuld be much appreciated too, as I've copied code from here all afternoon and I just cant seem to get it all working

You do have rounded corners but you have to add a transparent background to #rmenu2 and play with padding and margins for the li tags.

Don't forget IE8 and lower do not support CSS rounding

could you help with me the transparent code please? what do I need and where do I post it?

Much appreciated

Put this in ATO>Add HTML/CSS Inserts>CSS Inserts

thanks for the reply, i missed the important bit!