Pie de página con CSS y XHTML.

[abimaelrc]

Podrias hacer algo así

Código HTML:

<style>
#pie {
    width: 100%;
    margin: auto ;
    text-align: center;
    height: 200px;
    /* background-image: url('images/Pie.jpg'); */
    position: relative ;
}
 
#pieindex{
    margin: 15px 0px 5px 0px;
    padding: 15px 0px 0px 0px;    
    width: 950px;
    text-align: left;
    margin: auto ;
}
 
#pieindex div.links{
    font: normal normal bold 12px Verdana, Geneva, Tahoma, sans-serif;
    float: left;
    width: 227.5px;
    color: #6B0303;
    padding: 20px 0px 0px 10px;
}
 
#pieindex ul{
    list-style: none;
}
 
#pieindex ul a{
    font: normal normal normal 9.5px Verdana, Geneva, Tahoma, sans-serif;
    list-style: none;
    color: #000000;
    text-decoration: none;
}
 
#pieindex ul a:hover {
    color: #6B0303;
}
 
#pieindex div.pieindex_superior{
    /* background-image: url('Images/pieindex_superior.gif');*/
    height: 8px;
    display: block;
    clear: both;
}
 
#pieindex div.copyright{
    /* background-image: url('Images/pieindex.gif'); */
    height: 60px;
    clear: both;
    color: #C0FF2C;
    display: table;
    border: 1px solid #000000;
    width: 100%;
}
#pieindex div.copyright div{
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}
</style>
<div id="pie">
    <div id="pieindex">
 
        <div class="pieindex_superior"></div>
 
        <div class="links">
            Nuestra Compañía<br/><br/>
            <ul>
                <li><a href="localizacion.asp" >Como Localizarnos</a></li>
                <li><a href="contactar.asp" >Contacta con nosotros</a></li>
                <li><a href="avisolegal.asp" >Aviso Legal</a></li>
                <li><a href="quequeremos.asp" >¿Quién somos?</a></li>
            </ul>
        </div>
        
        <div class="links">
            Nuestros Fabricantes<br/><br/>
            <ul>
                <li><a href="http://www.giant-bicycles.com" >Giant</a></li>
                <li><a href="http://www.cannondale.com" >Cannondale</a></li>
            </ul>
        </div>
 
        <div class="links">
            Secciones de la Web<br/><br/>
            <ul>
                <li><a href="articulos.asp" >Documentos en PDF</a></li>
                <li><a href="noticias.asp" >Sección de Noticias</a></li>
                <li><a href="encuestas.asp" >Encuestas de interés</a></li>
            </ul>
        
        </div>
        <div class="links">
            Otras Secciones<br/><br/>
            <ul>
                <li><a href="boletines.asp" >Boletines Informativos</a></li>
                <li><a href="promociones.asp" >Promociones Vigentes</a></li>
            </ul>
        
        </div>
 
        <div class="copyright">
            <div>Copyright 2011 --Nombre Comercial-- (Razón Social, S.L.) CIF: B21000000 | Admin</div>
        </div>
    </div>
</div>
 

La explicación la puedes ver en http://www.csslab.cl/2009/05/18/ente...ertical-align/