Salve a tutti, il mio problema è che non riesco a dividere un div in 10 parti, tutte uguali fra di loro, con altri div. Ho provato così, ma le misure sembrano non coincidere.

Vi posto il codice da me usato:
inde.html
codice:
<link href="main.css" rel="stylesheet" type="text/css">
<body>


<div id="container">
<div id="grid"></div>
<div id="grid"></div>
<div id="grid"></div>
<div id="grid"></div>
<div id="grid"></div>
<div id="grid"></div>
<div id="grid"></div>
<div id="grid"></div>
<div id="grid"></div>
<div id="grid"></div>
</div>


</body>
main.css
codice:
 #container{


 	height: 502px;
 	width: 600px;
 	background-color: #dddddd;
 	border: 1px solid black;
 	padding: 0px;
 	margin: 0px;
 }


 #grid{
  width: 100%;
  height: 10%;
  border-bottom: 1px solid black;


 }
Non lo so, sembra che ci sia qualche misura preimpostata di cui io non abbia tenuto conto.. sapete aiutarmi?