come da titolo... ho due div uno all'interno dell'altro.

i css son questi:
--------------------------------
#elenco_prod{
border-bottom:1px solid #515352;
border-top:1px solid #D1D2D2;
padding-top:20px;
padding-bottom: 20px;
margin:0px;
}
#proddino{
float:left;
width:140px;
background-color:#7A7E7D;
padding:5px;
margin: 5px;
border:1px solid #515352;
}
----------------------------------

nell'html sono così:
------------------------------------
<div id="elenco_prod">
<div id="proddino"></div><div id="proddino"></div><div id="proddino"></div>
</div>
-----------------------------------

la mia domanda è la seguente...
perchè "proddino" non sta bene dentro a "elenco_prod" ma se ne va piu' in basso?
per far capire bene allegoo lo stamp di cosa vedo in IE

grazie mille