Rounded Corners/Rounded Borders

From Zanecorpwiki

Pretty much every browser, except IE (including IE8) supports rounded corners with CSS. CSS3 support is growing rapidly and we'll start to be able to do away with the browser specific attributes shortly. For IE, you need to include an "HTC" file, which you can find here (look on RHS for downloads). Then you can do:

.rounded-corners {
  /* IE is such shit, they can't even get the path right; every
     other path is relative to CSS, this is relative to the page,
     hence the absolute path to better avoid confusion */
  behavior: url(/style/border-radius.htc);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}

A final note: the idiomatic tags use different patterns to specify the individual corners:

• standard: border-top-left-radius: 5px;
• mozilla: -moz-border-radius-topleft: 5px;
• webkit: -webkit-border-top-left-radius: 5px;