Question

I’m trying to get a vertical-align to work on a div whose display is table-cell.

See http://jsfiddle.net/midnitesonnet/Rwahk/ for html/css.

I can’t seem get the to display vertically align to the bottom. Any help would be much appreciated.

Thanks.

Answer 1

You define display:table-cell & position:absolute which create a problem. Just remove your .title DIV height.

#whats_available .title {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
    text-align: center !important;
    width: 100%;
    color: #fff;
} 

Check this http://jsfiddle.net/Rwahk/5/