Div no se posiciona donde debe

[palme90]

Tengo el siguiente html:

Código HTML:

<div id="ambos">
 
    
    
    
    <img src="imagenes/peugeot206.jpg" id="imagen" alt="peugeot 206">
    
 
    
 <div id="borde"> 
   
    <div id="datos">
        
        <h2> Peugeot 206 Gen&eacute;ration </h2>
                        
             <p> 5 puertas, Motor 1.4 </p>
       <p> Contado: $50.000 Cuotas: $500 </p>
        
    </div>
 </div>
 
</div>    
 
<div id="ambosinv">
 
    
    
    
    <img src="imagenes/peugeot206.jpg" id="imageninv" alt="peugeot 206">
    
 
    
    
    <div id="datosinv">
        
        <h2> Peugeot 206 Gen&eacute;ration </h2>
                        
             <p> 5 puertas, Motor 1.4 </p>
       <p> Contado: $50.000 Cuotas: $500 </p>
        
    
    
    </div>
 
</div>
 

y el siguiente CSS:

Código CSS:

#ambos {
    margin-top:50px;
    
}
 
#borde {
    width:398px;
    height:221px;
    border: 1px solid #0F0;
    float:right;
}
 
#datos {
    width:300px;
    height:auto;
    float:right;
    text-align:center;
    margin-top: 50px;
    margin-right: 40px;
    border:3px solid;
 
}
 
#imagen {
    width:400px;
    height:auto;
    float:left;
    margin:auto;
 
}
 
#ambosinv {
    margin-top:10px;
    
}
 
#datosinv {
    width:300px;
    height:auto;
    float:left;
    text-align:center;
    margin-top: 50px;
    margin-left: 40px;
    border:3px solid;
 
}
 
#imageninv {
    width:400px;
    height:auto;
    float:right;
    margin:auto;
    margin-top:10px;
 
}
 

el div imageninv se posiciona a la izquierda y deberia estar a la derecha probocando que datosinv se posicione por debajo de este. alguno por favor sabria ayudarme?

[C2am]

es que no tiene ningún div llamado imageninv.
Debería ser:

Código CSS:

img #imageninv {
    width:400px;
    height:auto;
    float:right;
    margin:auto;
    margin-top:10px; 
}
 

O podrías poner la imagen dentro de un div llamado imageninv, aunque me parece que estaría de más.