CSS Bilder-Mosaik

[orgonaut]

Edit: Die Bilder bilden (jetzt) ohne Abstand ein 3x3-Quadrat.

Hier mein CSS-Code:

/* IE (CSS-Weiche) */ 

* html ul { float:left; }
* html ul li { clear:left; }

/* IE Ende */

ul {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	clear: left;
}

li {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
}

div {
	width: 160px;
	background-color: #CCCCCC;
	border: 1px solid #999999;
	padding: 0px;
	margin: 0px;
	height: 160px;
	}

<div>
<ul>
  <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
  <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
  <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
</ul>
<ul>
  <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
  <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
  <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
</ul>
<ul>
  <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
  <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
  <li><img src="favicon.gif" width="16" height="16" alt="Bild1" /></li>
</ul>
</div>

Erfolgreich getestet habe ich es jetzt am Mac in Mozilla Firefox, Safari und Opera. (Der Mac-IE zickt (nicht mehr!!) rum!!)

Falls das jemand nachmachen möchte, klappt super! Tabellen ade!
Fehler bitte posten!