como poner columnas y contenido a mi footer

[ArturoGallegos]

lo invito a leer sobre posisionamiento flotante
http://librosweb.es/css/capitulo5/po..._flotante.html

y con respecto a lo que busca conseguir le dejo el siguiente codigo de ejemplo

Código CSS:

#footer{clear:both;width:900px;margin:10px auto;}
#footer .panel1 div{width:33%;float:left;border:1px #ccc solid;}
#footer .panel2{width:80%;margin:auto;}
#footer .panel2 a{float:left;}
#footer .panel2 ul{float:right;margin:0;padding:0;}
#footer .panel2 ul li{display:inline;}
 

Código HTML:

<div id="footer">
    <div class="panel1">
        <div>elemento 1</div>
        <div>elemento 2</div>
        <div>elemento 3</div>
    </div>
    <div class="panel2">
    <a href="#" class="copyright">copy right</a>
    <ul>
        <li><a href="#">link 1</a></li>
        <li><a href="#">link 2</a></li>
        <li><a href="#">link 3</a></li>
        <li><a href="#">link 4</a></li>
    </ul>
    </div>
</div>