Avete idea di come fare questi due box qua sotto (tag DIV) di modo che mi occupino una riga intera, ovvero che ognuno occupi 50% del contenitore?



Giocando con display: inline viene quello schifo lì...

css code:
codice:
div.test
{
	border-right: #272b39 1px solid;
	border-top: #c4c8d8 1px solid;
	border-left: #c4c8d8 1px solid;
	border-bottom: #272b39 1px solid;
	width: 50%;
	height: 20px;
	display: inline;
	background-color: #687198;
}
html code:
codice:
<div class="test">prova</div><div class="test">prova</div>
Grazie in anticipo.