Trying to align something at the very bottom

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!


I'm trying to write TABLE-free HTML pages, but I'm having a problem
with rewriting a particular block of code using DIVs and CSS.  I want
to align the "More" button at the bottom right of the block, which is a
fixed height in pixels.  However, there doesn't seem to be a
"float:bottom right" attribute and "vertical-align:bottom" doesn't seem
to work in the DIV of the below

                                        <table cellpadding="0"
cellspacing="0" border="0" class="sidebarText">
align="center"><img alt="" border="0"
                                                <tr><td valign="top"
style="width:165px; height:107px;
background-image:url('images/teaser-bottom.gif');"><div>Make a
cartridge sales quote in minutes!  Give your sales team all the tools
they need to be successful.</div>
style="float:right;"><a href=""><img src="images/teaser-more.gif"
alt="More" border="0"></a></div>

Any advice on how I can rewrite my code no not use TABLEs and align the
"More" button at the bottom right?

Thanks, - Dave

Site Timeline