How to make a curved edge hexagon by using CSS

Question

This is my CSS.

CSS

#hexagon-circle { 
    width: 100px; 
    height: 55px; 
    background: red; 
    position: relative;
    borde         


        

Answer 1

Try this way :(works in chrome and in ie 10)