Tengo una página (XHTML Strict) donde floto una imagen junto con párrafos regulares de texto. Todo va bien, excepto cuando se usa una lista en lugar de párrafos. Las viñetas de la lista se superponen con la imagen flotada.

Cambiar el margen de la lista o los elementos de la lista no ayuda. El margen se calcula desde la izquierda de la página, pero el flotador empuja los elementos de la lista hacia la derechadentro lali sí mismo. Así que el margen solo ayuda si lo hago más ancho que la imagen.

La flotación de la lista al lado de la imagen también funciona, pero no sé cuándo la lista está al lado de un flotador. No quiero que aparezcan todas las listas en mi contenido solo para solucionar esto. Además, la izquierda flotante desordena el diseño cuando se hace flotar una imagena la derecha En lugar de la izquierda de la lista.

Ajusteli { list-style-position: inside } mueve las viñetas junto con el contenido, pero también hace que las líneas que se ajustan comiencen alineadas con la viñeta, en lugar de alinearse con la línea anterior.

Obviamente, el problema se debe a que la bala se procesa fuera de la caja, el flotador empuja el contenido de la caja hacia la derecha (no la caja en sí). Así es como IE y FF manejan la situación y, que yo sepa, no están mal según la especificación. La pregunta es, ¿cómo puedo prevenirlo?