posizionamento corretto div

[TuTToWeB]

<div id="head">
    [img]images/logo.jpg[/img] 
    
  </div>
  
  <div id="cerca">
      <span class="cerca">Cerca:</span >
      <input type="text" name="keyword" />
      <input type="image" value="Cerca" src="images/invia.png" title="Cerca" alt="Cerca" /> 
  </div>

       
  
 <div id="divisor"><hr /></div>

#head
{
  margin-right:19em;
}

#divisor
{
  width: auto;
}

#cerca
{
  float:right;
  width: 16em;
}

vorrei che head e cerca stessero sulla stessa riga e cerca dovrebbe stare sul margine destro della pagina, e divisor in basso a questi due. Il risutltato, invece, è head x esteso...divisor e cerca stanno sulla stessa riga in + cerca ci accavalla cn quello ke sta sotto...

cm risolvere?
grazie e ciao

[Alberto]

Se ho capito bene, prova così e dovrebbe andare

#head
{
margin-right:19em;
float:left;
}

#divisor
{
width: auto;
clear:right;
}

#cerca
{
float:right;
width: 16em;
}

[TuTToWeB]

grazie di cuore...va...

xo il tuo ragionamento aveva una pecca: in divisor bisognava mettere clear:both...