Pie de página con CSS y XHTML.

[PabloManuel]

Esto es lo que he conseguido a falta de los enlaces, se ve igual que con las tablas pero creo que son demasiadas líneas ¿Lo sabéis hacer más sencillo?:

Código HTML:

<div id="pieindex">
            <div>
                Nuestra Compañía<br/><br/>
                <ul>
                    <li>Como Localizarnos</li>
                    <li>Contacta con nosotros</li>
                    <li>Aviso Legal</li>
                    <li>¿Quién somos?</li>
                </ul>
            </div>
            
            <div>
                Nuestros Fabricantes<br/><br/>
                <ul>
                    <li>Giant</li>
                    <li>Cannondale</li>
                </ul>
            </div>
 
            <div>
                Secciones de la Web<br/><br/>
                <ul>
                    <li>Documentos en PDF</li>
                    <li>Sección de Noticias</li>
                    <li>Encuestas de interés</li>
                </ul>
            
            </div>
            <div>
                Otras Secciones<br/><br/>
                <ul>
                    <li>Boletines Informativos</li>
                    <li>Promociones Vigentes</li>
                </ul>
            
            </div>                      
        </div>
 

Y aquí los estilos:

Código CSS:

#pieindex{
    padding: 5px 0px 5px 0px;
}
 
#pieindex div{
    font: normal normal bold 12px Verdana, Geneva, Tahoma, sans-serif;
    float: left;
    width: 237.50px;
    color: #6B0303;
}
 
#pieindex ul{
    font: normal normal normal 9.5px Verdana, Geneva, Tahoma, sans-serif;
    list-style: none;
    color: #000000;
}
 

¿Habría manera de quitar los <br/> sin tener que crear otro <DIV>?