Background Grid

background_grid.css

/*

	<div class="tiles">
		<div class="a1"></div>
		<div class="a2"></div>
		<div class="a3"></div>
		<div class="a4"></div>
		<div class="b1"></div>
		<div class="b2"></div>
		<div class="b3"></div>
		<div class="b4"></div>
	</div>

*/

.tiles div {width: 1000px; height: 1000px; float: left; clear: none; background-image: url(bg.jpg);}

.a1 {background-position: 0 0;}
.a2 {background-position: -1000px 0;}
.a3 {background-position: -2000px 0;}
.a4 {background-position: -3000px 0;}
.b1 {background-position: 0 -1000px;}
.b2 {background-position: -1000px -1000px;}
.b3 {background-position: -2000px -1000px;}
.b4 {background-position: -3000px -1000px;}