Pie de página con CSS y XHTML.

[PabloManuel]

Gracias por el enlace, lo guardaré en mi carpeta.

Bueno, ya lo tengo listo, al final me le liado aninando listas y he preferido dejarlo con los DIV. Esta es la hoja de estilo final:

Código CSS:

#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{
    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 p{
    background-image: url('Images/pieindex.gif');
    height: 60px;
    display: block;
    clear: both;
    color: #C0FF2C;
    vertical-align: text-bottom;
}
 
#pieindex span{
    background-image: url('Images/pieindex_superior.gif');
    height: 8px;
    display: block;
    clear: both;
}
 

Y este el código XHTML Estricto:

Código HTML:

<div id="pie">
        <div id="pieindex">
 
            <span></span>
 
            <div>
                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>
                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>
                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>
                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>
            
            <p>
            Copyright 2011 --Nombre Comercial-- (Razón Social, S.L.) CIF: B21000000 | Admin
            </p>    
                                
        </div>
</div>
 

Y este es el resultado:



como veis, hay un fallo, no consigo que la línea "Copyright 2011 --Nombre Comercial-- (Razón Social, S.L.) CIF: B21000000 | Admin" aparezca en el pie.

El párrafo tiene la propiedad vertical-align: text-bottom; ¿Por qué no me aparece abajo?