Echt merkwürdig: Tabelle rutscht runter

[Kuno]

Folgendes Problem:

  
<div style="background-color:green">  
 <div style="float:right;background-color:#ccc">  
  Navigation  
 </div>  
 <div style="background-color:yellow;margin-right:100px">  
  <table style="width:100%;background-color:red">  
   <tr>  
    <td>Test</td>  
   </tr>  
  </table>  
 </div>  
</div>  

der Firefox stellt alles wie gewünscht dar und stellt die Tabelle direkt neben "Navigation" dar.

Merkwürdigerweise macht der IE etwas ganz anderes:
Anstatt auf gleicher Ebene wie "Navigation", beginnt der IE mit der Tabelle erst unterhalb von "Navigation". Wonach richtet sich denn bitte die 100%-Angabe??????? Ich versteh die Welt nicht mehr!