Hermano, prueba con estas características. Simplemente agregue el display:inline-block y en los divs anidados, le colocas la funcion float:left; para que se vayan agregando uno tras otro.
Código CSS:
Ver original#contmedio {
background-image: url(contmedio.jpg);
background-repeat: repeat-y;
width: 964px;
border:#999999 1px solid;
display:inline-block;
}
#motos {
background-image: url(mOTOS.png);
height: 210px;
width: 210px;
border:#999999 1px solid;
float:left;
}
#autos {
background-image: url(autos.png);
height: 210px;
width: 210px;
border:#999999 1px solid;
float:left;}
Si quieres que tengan espacio entre bloques, simplemente agregale la propiedad margin(left, right, top ó bottom) segun quieras acomodarle