Making circle border around a div

Question

Just a second ago I was finally able to turn a square div in a circle.  I been working on trying to achieve that for the last month.  The problem was that after I finished making my circle div I couldnt move the darn thing anymore.  I am trying to make round navigation buttons.  so anyway. I tried getting another page going and try that again without class this time since it seems I could not move teh divs as long as they were tied up to a class.  so I got all my button in the right place now but now I can't make them to go round anymore.... haaaaaaaaaaaaaaaaaaaaaa....... this program is driving me insane.  I am going to start crying soon lol

Answer 1

Since divs are rectangular or square, you're trying to do something that is not what HTML is designed to do.
CSS for circles:
.circleBase {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
.type1 {
    width: 100px;
    height: 100px;
    background: yellow;
    border: 3px solid red
.type2 {
    width: 50px;
    height: 50px;
    background: #ccc;
    border: 3px solid #000
.type3 {
    width: 500px;
    height: 500px;
    background: aqua;
    border: 30px solid blue
HTML:
<div class="circleBase type1"></div>
<div class="circleBase type2"></div><div class="circleBase type2"></div>
<div class="circleBase type3"></div>