truco para que un pie de foto ocupe todo el ancho de la imagen independiente de su ancho

css para html

.loc {
	display:table;
	position:relative;
	margin-bottom:39px;
}
.faldon {
	display:table-caption;
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	padding:9px 0;
	background-color:#6a899b;
	background:rgba(106,137,155,0.85);
}
		
	

css para html5

figure { display: table;  margin-bottom:10px;    }

figcaption{
         display: table-caption; 
caption-side: bottom ;
         padding-top:10px;
        font:italic normal 10px Georgia, "Times New Roman", Times, serif;
        color:#6b899b;
    }
}

html

<div class="loc">
<img src="img/mapa_estamos.png" width="730" height="252" alt="" />
<span class="faldon"><a href="light_01_informacion corporativa.html" class="lightbox">Ampliar información</a></span>
</div>

html5

<figure class="wide">
<img src="img/grafico_pro_energia.png" alt="gráfico de producción de energía" width="732" height="241" />
<figcaption>orte total de 5‚7 millones de euros con cargo a los resultados del ejercicio 2011. Esta cifra se suma al dividendo a cuenta de </figcaption>
</figure>