Click here to Skip to main content
13,046,087 members (57,401 online)
Rate this:
Please Sign up or sign in to vote.
See more:
I want to draw a circle using css.Therefore for these I am writing a following css, It works fine in all browser except ie8,To achieve these I am adding "" file in root directory, but it doesn't work in ie8.

.div_Wizard_step {
   background: none repeat scroll 0 0 transparent;
    border: 4px solid #FEFEFE;
    border-radius: 20px 20px 20px 20px;
    color: WHITE;
    float: right;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    width: 25px;
   behavior: url(;
Posted 16-Apr-13 0:04am
Sergey Alexandrovich Kryukov 16-Apr-13 12:50pm
The idea is working, you just need to pay a bit more effort in it, and make it cross-browser.
I even voted 5 for the question, for the attempt to render something rather unusual...
No, only 4: you made a very apparent mistake is radius/size; please see my answer. :-)

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

Please see my comment to the question.

My idea is: take a good rounded corner generator. You will find a plenty of them:[^].

I used this one:[^].

The aspects of browser compatibility are explained here:[^].

Don't trust it fully, better check up with browser documentation on each well-known browser.

It will give you the cross-browser code (if a generator is good). Now, choose width and height exactly twice as radius. If you want a border, slightly change the size, by the size no bigger then border width. You are done.


This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.170713.1 | Last Updated 16 Apr 2013
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100