Porque estás usando la propiedad text-aling para lo que no es.
Sustituyela por un float a cada uno de los dos "#form".
Código css:
Ver original#form{ /*Columna Izquierda del formulario*/
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
float: left;
}
#formde{ /*Columna derecha del formulario */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
float: right;
margin-right:8px;
}
Si quieres saber qué ocurre con tus códigos, pon un borde a cada form.
Creo que chrome y safari coloca el bullet al inicio del <li>, y no como ff que lo coloca tomado como referencia el texto contenido en el li.
Un saludo