formas de ordenar lista de paginas o categorias

[DaniloWeb]

ocurre esto:

Las categorias las lista en forma horizontal en el footer, eso ya lo hacia antes, el tema es que quiero poner debajo de esto, ademas la lista de pages, y eso es lo que no consigo hacer...


ahora, como puede ser ?, que quitando todo CSS del footer, aun continue encolumnando las paginas, es muy extrañooooooooooooooooooo!!!

las categorias estan asi, en el php
<?php the_category(' | ') ?>

y las pages, les pongo asi:
<?php wp_list_pages('title_li='); ?>

el footer tiene css footer y footerleft, esta ultima controla a las categorias


el que esta por defecto es el de categories en el footer, pero yo quiero agregar PAGES tambien debajo de categories, en un SOLO BOX o columna, y no 3 como venia.

el CSS
es asi

#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ffffff none repeat scroll 0 0;
border-bottom:0px solid #cccccc;
border-top:0px solid #cccccc;
color:#000000;
height:200px;
line-height:22px;
margin:0 auto;
padding:0 0 20px;
position:relative;
text-align:left;
width:940px;
}
#footer p {
color:#000000;
font-size:11px;
list-style-type:none;
margin:0;
padding:3px 0 0;
}
#footer h2 {
border-bottom:0px solid #C0C0C0;
color:#017F8D;
font-family:Arial,Tahoma,Verdana;
font-size:12px;
font-weight:bold;
margin:15px 0 0;
padding:0 0 2px;
text-transform:uppercase;
}
#footer a {
color:#000;
text-decoration:none;
}
#footer a:hover {
color:#000;
text-decoration:underline;
}
#footer ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#footer ul li {
display:inline;
margin:0;
padding:0;
}
#footer ul li a {
border-bottom:1px dotted #C0C0C0;
color:#017F8D;
display:block;
margin:0;
padding:5px 0;
text-decoration:none;
}
#footer ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ffffff none repeat scroll 0 0;
color:#017F8D;
text-decoration:none;
}
.footerleft {
display:inline;
float:left;
margin:0 0 0 20px;
padding:0;
width:890px;
}
.footermiddle {
display:inline;
float:left;
margin:0 0 0 20px;
padding:0;
width:290px;
}
.footerright {
display:inline;
float:right;
margin:0 20px 0 0;
padding:0;
width:285px;
}