Best viewed in modern browsers. Don't forget to view the source to examine the different browser hacks required to implement rounded corners in various browser environments.
Note that both Safari and Mozilla have to be inclluded in the CSS hacks.
Again, we have to include Safari and Mozilla CS hacks. Of course, the specific properties differ between -moz and -webkit hacks.
Don't forget to view the source code for this file.
Question: what happens if you put a space between the radius value and the px - as in 5 px instead of 5px in the CSS?
Note that we need to properly use positioning in order for this effect to work. You can change the color of the triangle so you can see what part is created where. Note also the nested divisions.