Vorrei aggiungere che modificando così il CSS:

codice:
			#campo {
				width:				500px;
				height:				500px;
				background-color:	white;
				border:				thin solid black;
				float:				left;
				border: 			5px solid red;
			}
			.cella {
				width:				10px;
				height:				10px;
				float:				left;
			}
Su chrome è perfetto mentre si IE no.
Ho aggiunto sia a #campo sia a .cella "float: left"