Позиционмирование DIV-ов

[Akselar]

Всем доброго времени суток!

Хотел бы поинтересоваться у знатоков, как решить такую задачу:

Необходимо разместить 9 квадратных DIV'ов внутри одного DIV'а, да так, чтобы в строку вмещалось 3 квадрата, и всего строк было 3. Причем отступ от границ каждого квадрата должен равняться 5 пикселам. Примерно как на рисунке:

У меня получился следующий код, но что-то мне подсказывает, что можно сделать правильно

#center
	{
	border:1px solid #000;
	padding:5px;
	position:absolute;
	width: 330px;
	}

.square
	{
	position:relative;
	margin: 5px;
	float:left;
	background:#f00;
	width:100px;
	height:100px;
	}

html-код:

<div id="center">
		<div class="square">1</div>
		<div class="square">2</div>
		<div class="square">3</div>
		<div class="square">4</div>
		<div class="square">5</div>
		<div class="square">6</div>
		<div class="square">7</div>
		<div class="square">8</div>
		<div class="square">9</div>
</div>

[strange_atom]

http://jsfiddle.net/strange_atom/qNMhG/

[Akselar]

http://jsfiddle.net/strange_atom/qNMhG/

Большое спасибо