Foros del web, para los que viven de bits

Tengo una lista (<ul><li></li></ul>) con imágenes en miniatura que contienen enlaces para mostrar esas mismas imágenes de mayor tamaño (quizás os interese este truco que he usado). La cuestión es que no quiero que haya ningún espacio en blanco entre las imágenes en miniatura, con lo cual en la hoja de estilo pongo el MARGIN y el PADDING a cero de la siguiente manera:

ul,li { margin: 0; padding: 0; }

En Konqueror, que es el navegador que uso para visualizar la web según voy diseñándola, se ve de fábula. Como no me fío un pelo, tras obtener el efecto que busco, lo he probado en Opera, en MS Internet Explorer (mediante WINE), y en Mozilla Firefox. Y para mi sorpresa (y decepción), todos los navegadores lo muestran correctamente excepto Mozilla Firefox, que deja un espacio de unos 2 píxeles entre una imagen y la siguiente.

Estoy acostumbrado a que MSIE me dé problemas, pero tener que solucionarlo para Firefox es toda una novedad.

En fin, que no tengo ni idea de cómo podría arreglarlo para que Firefox se comporte como el resto de navegadores. ¿Alguna idea?

Muchas gracias por vuestro tiempo.

Ya no hace falta que me respondáis, he encontrado la solución. No es muy elegante, pero sirve.

En vez de poner las miniaturas en una lista mediante <li></li>, simplemente las he puesto todas en un párrafo entre <p></p>, y las he separado con un <br>. Le aplico el margin: 0 y el padding: 0 al párrafo, y a correr.

Y así de paso soluciono un problema que he descubierto en MSIE desde MS Windows (en vez de ejecutarlo en GNU/Linux con WINE), y es que aunque en CSS le hubiera puesto list-style: none o list-style-image: none, me aparecían los "list-item" (<li>) con un guión a la izquierda. Aunque desaparecían cuando pasaba el ratón por encima, lo cual lo convierte en aún más desconcertante.