div.content{
position:relative;
width:200px;
padding:0 5px;
border:1px solid #ccc;
border-radius:5px;
font-size:12px;
line-height:1.6em;
z-index:0;
}
/* 吹き出し三角形部分 */
div.content:after{
content:" ";
position: absolute;
top: 100%;
left: 10px; 
z-index:1;
width: 0;
height: 0;
border: 8px solid transparent;
border-top-color: #ccc;
}
/* 三角形の上に乗せる。一回り小さくする。 */
div.content span.overlay{
position:absolute;
top: 100%;
left: 11px; 
z-index:2;
width: 0;
height: 0;
border: 7px solid transparent;
border-top-color: #fff;
}