Can't get a block of div tags to arrange themselves right

[Garseappy]

I'm using this block of code (mostly copied from a PHP.net comment here - http://www.php.net/manual/en/function.imagecolorat.php) in order to read in a picture, scan it pixel by pixel and output the picture as a block of div tags in a table-like fashion. Here's what I came up with...\[code\]<?php $img = imagecreatefrompng("image1.png"); $w = imagesx($img); $h = imagesy($img); for($y=0;$y<$h;$y++) { for($x=0;$x<$w;$x++) { $rgb = imagecolorat($img, $x, $y); $r = ($rgb >> 16) & 0xFF; $g = ($rgb >> 8) & 0xFF; $b = $rgb & 0xFF; $hex = "#".str_repeat("0",2-strlen(dechex($r))).dechex($r). str_repeat("0",2-strlen(dechex($g))).dechex($g). str_repeat("0",2-strlen(dechex($b))).dechex($b); echo "<div style='background: {$hex}; height: 5px; width: 5px; display: inline;'></div>\r\n"; /* echo "#".str_repeat("0",2-strlen(dechex($r))).dechex($r). str_repeat("0",2-strlen(dechex($g))).dechex($g). str_repeat("0",2-strlen(dechex($b))).dechex($b).","; */ } echo "<br />\r\n"; } ?>\[/code\]I've tried using 'block', 'inline', 'inline-block' and 'inline-table' for the display property of the divs, but they each seem to make their own problems. I either get nothing at all, columns of pixels going straight down in a vertical line or the divs line up correctly in a square, but with spacing between them (which shouldn't happen since I'm using a reset.css to eliminate all padding, spacing, etc).Also, this particular function doesn't seem to account for transparency. The picture I'm using has transparent pixels in it and it seems to be outputing them as a light blue.Link - http://schnell.dreamhosters.com/folio/pixelread.php