How to add a another caption div to a image?

[BW:*|4fun]

I want to add two captions over a image, after googling around I was able to do coding but it works only for one caption div, when I added second caption div, it disappears..my code:\[code\]<style>.background_image{ background:url(1.jpg); width:420px; height:205px; border:1px solid #FFFF00; overflow:hidden; }.text_caption{ padding-left:2px; padding-top:0px; padding-right:2px; padding-bottom:2px; color:#fffff; font-size:30px; font-weight:bold; font-family:Trebuchet MS; text-decoration:none; margin-left:5px; margin-top:140px; }.text_caption2{ padding-left:4px; padding-top:0px; padding-right:4px; padding-bottom:0px; color:#000000; font-size:26px; font-weight:bold; font-family:Trebuchet MS; text-decoration:none; margin-left:5px; margin-top:150px; }</style><div class="background_image"><div class="text_caption">Caption 1</div> /* this works */<div class="text_caption2">Caption 2</div> /* this caption disappears */</div> \[/code\]Any help with this? whats wrong with my code?