Drawing rounded triangle with CSS

http://stackoverflow.com/questions/11913645/drawing-rounded-triangle-with-css

HTML

<div id="player">
    
    <div id="outer"><div id="inner">&nbsp;</div></div>
    
</div>

CSS

#player {
 margin: 32px;
 position: relative;        
 width: 400px;
 height: 250px;
 background-color: #222;   
}


#inner{
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg); 
    background-color:silver;
    width:100px;
    height:100px;
    top: 20px;
    left: -60px;
    position:relative;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#outer {
    position: absolute;
    top: 50px;
    left: 165px;
    width: 70px;
    height: 140px;    
    overflow: hidden;
}