Hola Anglima:
Creo que te lié más de loq ue era mi intención. Vamos a ver si consigo explicarme mejor.
Hay una propiedad que indica dónde colocar el "puntito" de las listas, que es "list-style-position" y que admite los valores "inside | outside | inherit".
Te quería decir que ante la ausencia de esa propiedad, cada navegador la interpreta de forma diferente, y por eso ves la diferencia entre FF/IE7 y Chrome/Safari.
En el primer código CSS que publicaste en el mensaje #4 añade:
1º: un borde de 1px a form y formde para que veas hasta donde llega cada caja.
2º: a ese mismo código añade a cada form la propiedad "list-style-position" para que veas sy funcionamiento.
FF/IE7 si no defines la propiedad suponen un valor de inside.
Para Chrome es outside.
Safari no tengo.
Te adjunto una imagen de ese código en Chrome con los tres casos:
Puedes ver
más información aquí:
Cita: outside
La caja del marcador está fuera de la caja de bloque principal. Nota. CSS1 no especificaba la ubicación precisa de la caja de marcador y por razones de compatibilidad, CSS2 se mantiene igualmente ambiguo.
Un saludo