[RESOLVED] use CSS to draw a clickable semicircle

[ARNEBEAR]

I can use css to draw a semicircle like:

.circle {
    background: none repeat scroll 0 0 #CB1D1E;
    border-radius: 0px 0px 70px 70px;
    height: 70px;
    margin: 15px 0 0 20px;
    width: 140px;
}

and of course I am able to add a link for it to make it be clickable.

<a href="1111.html"> but I just want only the semicircle be clickable, but not a rectangle! I found some white space around the semicircle could be also clickable, which is not what I want!...

[Major Payne]

The clickable area will always be the width/height you have set. Maybe try using an image map which allows you to set the coordinates for the clickable area.