Dlaczego moje pociski pozycji listy pokrywają się z elementami pływającymi

Mam stronę (XHTML Strict), na której umieszczam obraz obok regularnych akapitów tekstu. Wszystko idzie dobrze, z wyjątkiem sytuacji, gdy zamiast akapitów używana jest lista. Pociski listy pokrywają się z pływającym obrazem.

Zmiana marginesu listy lub elementów listy nie pomaga. Margines jest obliczany od lewej strony, ale pływak przesuwa elementy listy w prawowewnątrz li samo. Tak więc margines pomaga tylko, jeśli zrobię go szerszym niż obraz.

Działa również pływająca lista obok obrazu, ale nie wiem, kiedy lista jest obok pływaka. Nie chcę umieszczać każdej listy w mojej treści tylko po to, by to naprawić. Również ruch lewostronny zmienia układ, gdy obraz jest pływającyw prawo zamiast z lewej strony listy.

Oprawali { list-style-position: inside } przesuwa pociski wraz z zawartością, ale powoduje również, że linie, które zawijają, zaczynają wyrównywać się do punktora, zamiast wyrównywać go do linii powyżej.

Problem jest oczywiście spowodowany tym, że pocisk jest wyrzucany poza pole, a pływak przesuwa zawartość pudełka w prawo (a nie samo pudełko). W ten sposób IE i FF radzą sobie z sytuacją i, o ile wiem, nie jest źle według specyfikacji. Pytanie brzmi, jak mogę temu zapobiec?

questionAnswers(23)

yourAnswerToTheQuestion