multiple css functions to one image button

[Uniyah]

This is my first post on here and I am quite new to in depth CSS, jQuery, and Javascript, so please be easy on me. I am trying to essentially have one image button make two things happen on rollover. One, is to have a photo pop up next to the image button (which is working fine), and the other is to have an image caption appear for each specific area of the page that is not directly below nor above the photo that pops up. The text needs to be above the image buttons at the top left corner of the gallery container. This is the code that I am using... I know that it isn't right, but I'm hoping someone can figure out what to do to make it work. Thanks so much in advance!!\[code\]<a class="thumbnail" href="http://stackoverflow.com/questions/15846987/#thumb", "#capt1"><img src="http://stackoverflow.com/questions/15846987/graphic_elements/gallery-dot-dark.png" width="21" height="21" border="0" /><span><img src="http://stackoverflow.com/questions/15846987/art/bubblegum_right.jpg" /><br /><div class="caption" id="capt2">bubblegum right</div></span></a>\[/code\]The original code for the caption function is below. I am just trying to make it work like above since the image I am using to call the text is already tied to a different function.\[code\]<a href=http://stackoverflow.com/questions/15846987/#capt1><img src=graphic_elements/gallery-dot-dark.png alt=foo></a><div class=caption id=capt1>Image caption text</div>\[/code\]