Big Dots


 div.dotted { width:240px; height:201px; border:50px dotted; }

Your Browser:

IE7:

Round Dots? Yes
Symetrical Corners? Yes
Corner Transition? Nice. Adds space between dots to ensure clean dotted corners

FireFox:

Round Dots? Yes
Symetrical Corners? No
Corner Transition? Squares and dots abutting, drawn clockwise starting with a square and a half dot in each corner

Opera:

Round Dots? No
Symetrical Corners? No
Corner Transition? Chopped off at an angle

Safari:

Round Dots? No
Symetrical Corners? Yes
Corner Transition? More like bent dashes

Extra Credit:

Safari with border-radius:

Round Dots? No
Symetrical Corners? Yes
Corner Transition? Each corner has a dot of sorts, but the line overall looks even less dotted

Bigger Safari with border-radius:

Corner Transition: Each corner seems to include solid dot end caps that extend into the non-curved part.