No redondear todos los bordes CSS para IE

[Marrselo]

Iniciado por DragonX

podes utilizar esto que anda diez puntos!

Código CSS:

div.servicesoffered {position: relative;width: 28em;background:#f5f5f5;margin: 10px 0 40px 0;}
 
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner {position: absolute;width: 20px;height: 20px;background-color: #fff;overflow: hidden;z-index: 0;}
div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {position: relative;font-size: 150px;font-family: arial;color: #f5f5f5;line-height: 40px;z-index: 0;}
 
div.top-left-corner { top: 0px; left: 0px; }
div.bottom-left-corner {bottom: 0px; left: 0px;}
div.top-right-corner {top: 0px; right: 0px;}
div.bottom-right-corner {bottom: 0px; right: 0px;}
div.top-left-inside {left: -8px;}
div.bottom-left-inside {left: -8px; top: -17px;}
div.top-right-inside {left: -25px;}
div.bottom-right-inside {left: -25px; top: -17px;}
 

y el HTML:

Código html:

<!-- Rounded Div -->
            <div class="comunbox">
              <div class="top-left-corner"><div class="comuntop-left-inside">&bull;</div></div>
              <div class="bottom-left-corner"><div class="comunbottom-left-inside">&bull;</div></div>
              <div class="top-right-corner"><div class="comuntop-right-inside">&bull;</div></div>
              <div class="bottom-right-corner"><div class="comunbottom-right-inside">&bull;</div></div>
                <div class="box-comuncontent">
                <h3>titulo</h3>
                <p>info</a></p>
              </div> 
            </div>
          <!-- Ends Rounded Div -->
 

espero te sirva!

Amigo Dragon gracias por el código, lo he probado, me había echo bolas porque no veia que funcionaba, hasta que le puse color a la etiqueta H3 y voala , el tema es que el borde no sale redondeado sale cuadrado que podria hacer entonces?

gracias