Si lo quieres para un div estático, esta es la forma:
Código HTML:
<head>
<style type="text/css">
body{background:#00f;}
#static{background:#0ff;width:400px;height:300px;}
.lt{background:url(circle.png) no-repeat left top;width:10px;height:10px;}
.rt{background:url(circle.png) no-repeat right top;width:10px;height:10px;position:absolute;margin-left:390px;}
.lb{background:url(circle.png) no-repeat left bottom;width:10px;height:10px;position:absolute;margin-top:290px;}
.rb{background:url(circle.png) no-repeat right bottom;width:10px;height:10px;position:absolute;margin-left:390px;margin-top:290px;}
</style>
</head>
<body>
<div id="static">
<div class="lb"></div>
<div class="rb"></div>
<div class="rt"></div>
<div class="lt"></div>
Contenido...
</div> Lo único que necesitas es el dibujo de un círculo (circle.png) de 20px x 20px, para este caso. Ya tu lo modificarás para otros casos. Si lo quieres para un Div dinámico, aun trabajo en como hacerlo. Suerte
