asp.net - Align text at bottom of div -

here css

.frontslideshow {       display:block;     overflow: none;     height: 323px;    margin-bottom: 12px;     background-color:#005596;     background-image: url(/*edited*/);     background-repeat: repeat-x; width:754px; font-family:   verdana; font-size:large;     color:#ffffff;     clear:both;  }  .frontslideshow .slideshowimage {    float: left;     vertical-align:text-bottom;     padding-right: 24px; }  .frontslideshow .slideshowsubtitle {      vertical-align: text-bottom;      margin-bottom: 10px; } 

here markup

    <div class="frontslideshow">       <div class="slideshowmaintitle">         <asp:label id="lblslidetitle" runat="server"></asp:label>       </div>       <div class="slideshowimage">         <asp:image id="imgslide" runat="server" />       </div>       <div  class="slideshowsubtitle">                         <asp:label id="lblslidedescription" runat="server"></asp:label>                  </div>         <asp:button id="btnprev" runat="server" text="prev" /><asp:button id="btnnext" runat="server" text="next" />         <asp:slideshowextender id="slextender" runat="server" autoplay="true" loop="true" playinterval="3000" targetcontrolid="imgslide" nextbuttonid="btnnext" previousbuttonid="btnprev"              imagetitlelabelid="lblslidetitle" imagedescriptionlabelid="lblslidedescription" slideshowservicemethod="getslides" slideshowservicepath="~/webservices/slideshowservice.asmx">         </asp:slideshowextender>         <asp:literal id="limarkup" runat="server"></asp:literal>     </div>    

the subtitle div needs positioned @ bottom right of parent container. ideas? can is:

but want:

try this:

.frontslideshow {     position: relative; }  .frontslideshow .slideshowsubtitle {     position: absolute;     right : 20px;     bottom: 20px;     }