Abstände zwischen Objekten beim Umbruch

[ChrisB]

Nachtrag:

Verteile doch erst mal diesen Abstand gleichmäßig auf beiden Seiten -
margin: 6px 3px 0px 3px;

Das geht natürlich nur dann, wenn die seitlichen Abstände mindestens die Hälfte der „inneren“ Abstände betragen sollen.

Soll es seitlich weniger sein, gäbe es noch eine weitere Möglichkeit - negative seitliche Margins für das UL-Element.

Dein Beispiel mal mit etwas extremeren inneren Abständen (nur die geänderten Styles angegeben):

div { width: 502px; }  
ul { margin: 0 -15px; border-top:5px solid red; }  
li { margin: 6px 20px 0px 20px; }

Der rote border-top für UL macht deutlich, wie die Liste selber damit über die Ränder des DIV-Elements „hinaus gezogen“ wird.
Ob das praktikabel ist, hängt natürlich von den weiteren Gegebenheiten des jeweiligen Layouts ab - bspw., ob sich neben dem ganzen noch weitere Spalten befinden, mit denen sich die Liste dann ggf. in die Quere kommen würde.

MfG ChrisB