Image Captions with CSS

I am making a simple little web based control panel of sorts, and my lack of CSS knowledge is killing me. I basically need to make a div class that uses both an image icon and places a text caption underneath it (both are links to the target page).

I found some examples for doing this on various sites, but none of them work for placing the icon/captions side by side. To give a better idea of what I am trying to do, CPanel is a perfect example of what I am trying to accomplish.

How can I go 开发者_开发技巧about doing this?

Something like this maybe?

<div class="image-caption">
    Some Text
</div>

.image-caption {
    background: url(icon_path) no-repeat top center;
    width: icon_width;
    padding-top: icon_height;
}

Found a website with a very simplistic approach that works perfectly here...

http://www.spartanicus.utvinternet.ie/centered_image_gallery_with_captions.htm