I would like some help on how to align the name to the center of these images

Question

Here is a fiddle i found that i would love to know how to align the "Name" to the center of the image... ive tried using width:100%; and left:0; / right:0; without sucess.. i only make it align to the center of all 3 images.

http://jsfiddle.net/25nsp/

HTML:

<div id="design-cast">
 <h4>Design</h4>

<div class="member">
    <img src="http://i.imgur.com/OBUL7se.jpg" class="img-responsive img-thumbnail" alt="Responsive image" />
    <div class="name">Name
        <br />Description</div>
</div>
<div class="member">
    <img src="http://i.imgur.com/OBUL7se.jpg" class="img-responsive img-thumbnail" alt="Responsive image" />
    <div class="name">Name
        <br />Description</div>
</div>
<div class="member">
    <img src="http://i.imgur.com/zmPeyso.png" class="img-responsive img-thumbnail" alt="Responsive image" />
    <div class="name">Name
        <br />Description</div>
</div>

Answer 1

.name {
    /* position: absolute; */*remove this line*/
    bottom: 0px;
    text-align: center;
}