codice:
<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>
codice:
#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