Barrapunto

Probablemente si se va la lista, sera por el padding que le pongan por defecto al ul o al li, por eso te recomiendo que no dejes que lo pongan por defecto, que pongas tu el que te interesa.

Si quieres hacer los menus con listas prueba a poner:
#leftnav ul, #leftnav li {margin:0;padding:0;list-style-type:none;}

Nota respecto a los centers:
"margin:0 auto;" sirve para centrar un elemento contenido dentro de aquel que lo contiene (aunque ie5 no lo sabe interpretar), "text-align:center" sirve para centrar lo que esta dentro del elemento que tiene el atributo.
El tag center tiene un problema, y es que todos los navegadores no lo interpretan igual, todos hacen lo mismo que con el "margin:0 auto;" pero ademas, algunos si y otros no, centran el interior (o sea, como un "text-align:center;").
Hay casos en que esto no puede tener mayor importancia, y creo que en tu pagina no tiene relevancia este dato, puesto que solo centras palabras concretas, no bloques de texto, pero bueno, algun dia puedes darte con el caso, y no saber porque pasa eso.

nota2:
No lo he mirado con un ie5, asi que no lo se, pero ya te advierto que algo que tienen a veces los diseños con css es que ie5 muchas veces los destroza, debido a su modelo de cajas.

como no utilicé ninguna tabla ni nada para acomodar la página en el html y eso se lo dejé solo al css pues si el css no se carga la página no se acomodará, estará arriba el menú, despues el contenido y abajo el footer, no habrá ninguna columna, pero claro, yo confio en que el css siempre se cargará, y aun sin el css me parece que no se ve tan mal, pero con el css se ve mejor :D