Alinerar enlaces dentro de misma linea en el Footer

[ToPiN]

Hola gente,

Despues de darle muchas vueltas al codigo y no conseguir nada vengo ha intentar que alguien pueda resolverme mi duda.

El en footer.php tengo un listado de las paginas utilizando la funcion "wp_list_pages" y definido en el archivo style.css para que esten alineadas a la izquierda. Todo correcto. Lo que quiero conseguir es en esa misma linea crear otros enlaces pero alineados a la derecha. ¿como puedo hacerlos? es posible?

Ejemplo visual del footer que quiero:

inicio - pagina1 - pagina 2 ___________________________ |pagina3 | pagina 4

He conseguido hacerlo en lineas separadas, pero quiero que quede todo dentro de la misma linea.

Dejo por aqui el codigo del Footer.php y Style.css.

Footer.

Código:

< div id="footer" >

< ul id="footernav" >
    < ?php //A link back to the homepage ... unlesss the user chose to omit it ? >
    < ?php if($wp_theme_options['exclude_pages']['0'] != 'home') { ? >
    < li class="home < ?php if ( is_home() ) { echo "current_page_item"; } ? >" ><a>" >< ?php _e("Home"); ? ></a>
    < ?php } ? >
    < ?php //Lists pages, excludes pages selected in theme options ? >
    < ?php if($wp_theme_options['exclude_pages']) $exclude = implode(",", $wp_theme_options['exclude_pages']); ? >
    < ?php $my_pages = "title_li=&amp;depth=1&amp;sort_column=menu_order&amp;exclude=".$exclude; wp_list_pages($my_pages); ? >

< ?php wp_footer(); //we need this for plugins ? >
< /div >< !--end #footer-- >

Style.

Código:

#footer {
    margin: 0px 0px 0px 0px;
    padding: 20px;
    clear: both;
    background: #000;
    color: #AAA;
    text-align: left;
    font-size: 11px;
}
#footer a {
    color: #AAA;
    text-decoration: none;
}
#footer a:hover {
    color: #FFF;
    text-decoration: none;
}
#footer #footernav {
    list-style-type: none;
    margin: 0px; padding: 0px 0px 8px 0px;
}
#footer #footernav li {
    display: inline;
    border-left: 1px solid #DDD;
    margin: 0px; padding: 0px 10px 0px 10px;
}
#footer #footernav li.home {
    border: none;
    margin: 0px; padding: 0px 10px 0px 0px;
}
#footer #footernav li a {
    color: #FFF;
    text-decoration: none;
    margin: 0px; padding: 0px;
}
#footer #footernav li a:hover {
    color: #FFF;
    text-decoration: underline;
}

Haber si me podeis darme alguna idea. Gracias por adelantado.

Si es posible explicarmelo bien donde tengo que realizar el cambio porque soy nulo con el codigo,

[2102325]

Que tal si tomas esas dos listas de enlaces y las metes dentro de tu footer en dos contenedores... uno para la que se alinea a la izquierda y el otra para las listas alineadas a la derecha, luego los posicionas cada uno definiendo un id en css con la propiead

Código HTML:

float:left