Pits: float mit div's funktioniert nicht

hi folks,

ich möchte zwei div-objekte nebeneinander platzieren (2spaltiges layout). um dies zu erreichen möchte ich die css-eigenschaft "float" verwenden. so sieht es momentan aus:

<div style="float:left;height:150px;"><img id="Image" src="images/home.jpg"></div>
  <div style="margin-left:150px;text-align:center;"><img id="ImageLogo" src="images/logo.jpg"></div>

<div style="float:left;width:150px">
    <table width="150px" style="color:#D6D6D6;">
   <tr>
     <td id="MenuHomeTD1" onMouseOver="change('MenuHomeTD1','#FF0000','images/home.jpg');">Home</td>
   </tr>
 </table>
  </div>

<div style="margin-left:150px;">
    <table width="800px" style="color:#D6D6D6">
      <colgroup width="16.5%" span="6"></colgroup>
      <tr>
     <td id="MenuRestTD1" onMouseOver="change('MenuRestTD1','#FF0000','images/hochbau.jpg');">Hochbau</td>
        <td id="MenuRestTD2" onMouseOver="change('MenuRestTD2','#FF0000','images/tiefbau.jpg');">Tiefbau</td>
        <td id="MenuRestTD3" onMouseOver="change('MenuRestTD3','#FF0000','images/über_uns.jpg');">Über uns</td>
        <td id="MenuRestTD4"></td>
  <td id="MenuRestTD5"></td>
        <td id="MenuRestTD6" onMouseOver="change('MenuRestTD6','#FF0000','images/webmaster.gif');" >Webmaster</td>
      </tr>
    </table>
  </div>

das ergebnis im internet explorer 6 ist jedoch nicht das gewünschte: home.jpg wird wie gewünscht links von logo.jpg platziert, das tabellen-element "MenuHomeTD1" wird jedoch nicht links der nachfolgenden Tabelle Tabelle platziert, siehe:

http://schwendi.awardspace.com/

Hat da jemand eine Idee??

Thanx