ecco..credo proprio ke posterò tutto

PAGINA HTML
codice:
<body>

<div id="contenitore">

  <div id="logo">
    [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>
  
  <hr />
  
  <div id="col1">
  ciao
  </div>
  
  <div id="col2">
  'mbare
  </div>
</div>

</body>
Foglio di stile
codice:
/* INTESTAZIONE */
body
{
  margin: 0px 50px 0px 50px;
}

#contenitore
{
  margin:auto;
  width: 100%;
}

#cerca
{
  float:right;
  display: inline;
  width: 30%;
}

#logo
{
  float:left;
  display: inline;
  vertical-align:middle;
  width: 68%;
}

span.cerca
{
  font-family: Trebuchet MS, Tahoma, Verdana;
  font-size:11px;
  color:#009900;
  font-weight: bold;
}

hr {
    border: 0px;
    color: #9999EE;
    background-color: #9999EE;
    height: 1px;
}

#col1
{
  float:left;
  width:30%;
  display:inline;
  
  border: 1px dashed #000000;
  background-color:#AAFFAA;
}

#col2
{
  float:right;
  width:60%;
  display:inline;
}
su ie ho grosse difficoltà a farlo combaciare, ma su firefox è tutt'altra cosa...

please...aiutatemi a lasciare le tabelle x il layout