CSS Problem

[Lux]

Hallo,

gibt es die Möglichkeit, in einer Bilderliste die Bildüberschrift in den Bildrahmen zu integrieren?

Beispiel:

HTML:

<figure>
<a href="showimage.php?id=563e23a4482a9" target=blank><img class="my_image" src="pfad/zu/image/th_563e23a447faf_4438.jpg" alt="thumb" /></a>
<figcaption>sea takimata sanctus est Lorem ipsum dolor sit amet. Loremo.</figcaption>
</figure>

CSS:

.my_image {
background: #f5f5f5;
border-top: 8px solid #FFF;
border-right: 8px solid #FFF;
border-bottom: 40px solid #FFF;
border-left: 8px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
margin-top:10px; 
margin-left:0px; 
margin-bottom:10px; 
margin-right:10px;
}

Gruß, Lux