Hola:
Yo he hecho estas modificaciones:
Código HTML:
Ver original<!-- Rounded Div -->
<div class="top-left-corner"><div class="top-left-inside">•</div></div> <div class="bottom-left-corner"><div class="bottom-left-inside">•</div></div> <div class="top-right-corner"><div class="top-right-inside">•</div></div> <div class="bottom-right-corner"><div class="bottom-right-inside">•</div></div> <div class="box-comuncontent"><h3>titulo
</h3><p>info
</p></div> <!-- Ends Rounded Div -->
El CSS lo he dejado como estaba salvo esta línea que he cambiado el color:
Código CSS:
Ver originaldiv.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {position: relative; font-size: 150px; font-family: arial; color: #ff0000; line-height: 40px; z-index: 0;}
Deberías ver unas esquinas redondeadas en las esquinas del navegador.
Saludos.