Cabecera

Bueno aquí tenemos una más de cajas contenedoras, pero ahora con un recorte en una esquina para insertar por ejemplo una imagen, o un texto o una letra capital, etc...

El código principal es algo como esto

   div#caja {border: 1px solid black;}
   div#recorte {float: left; width: 100px; height: 70px; 
   text-align: center; background: white; color: black; 
   border: solid black 1px; border-width: 0 1px 1px 0; 
   padding: 0 10px 5px 0; margin: -1px 25px 10px -1px;}
   div#recorte img {height: 70px; width: 100px;}

Ojito al código porque está todo medido para respetar los bordes y que la imagen se solape perfectamente. Funciona al menos en Internet Explorer y Firefox

El modelo está pillado de aquí.