Kleinigkeit mit CSS aber ich komme nicht wirklich drauf

Ich habe mit folgendem Code vs W3C Probleme:

[*]<h2>Fotos</h2>
		<ul>
		<script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&amp;count=4&amp;display=random&amp;name=0&amp;size=square&amp;raw=1"></script>
		
		[/list]

Jetzt habe ich ein sauberes kleines Quader von 4 Bildern mit den gleichen Abständen dazwischen bekomme aber diese Meldung vom Validator

Zitat

1.

Line 373, column 161: document type does not allow element "script" here; assuming missing "li" start-tag

...amp;name=0&amp;size=square&amp;raw=1"></script>

✉
2.

Line 375, column 6: end tag for "li" omitted, but OMITTAG NO was specified

[/list]

You may have neglected to close a tag, or perhaps you meant to "self-close" a tag; that is, ending it with "/>" instead of ">".

✉
3.

Line 373, column 2: start tag was here

<script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=

Alles anzeigen

Wenn ich jetzt den eigentlichen Aufruf des Scripts in ne Liste setze

[*]<h2>Fotos</h2>
		<ul>[*]
		<script type="text/javascript" src="http://www.flickr.com/badge_code.gne?nsid=64704369@N00&amp;count=4&amp;display=random&amp;name=0&amp;size=square&amp;raw=1"></script>
		
		[/list]

ist der Validator happy aber ich habe ungleiche Abstände zwischen den Bildern.

Wie ich das mit CSS lösen kann weiß ich leider nicht?