como poner columnas y contenido a mi footer

[Souldhack]

Iniciado por Ag666

lo invito a leer sobre posisionamiento flotante
[url]http://librosweb.es/css/capitulo5/posicionamiento_flotante.html[/url]

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>
 

hola amigo gracias por esos cosejos, pero lo que pasa es que me quedan en la parte izquierda y yo los queria un tanto abajo , mira mi idea es esta http://i56.tinypic.com/2luou8i.png
no quiero que sea igual, espero que me ayudes a hacer similar ese contenido del footer que quiero, espero tu respuesta , gracias