prozentuale Breitenangabe

[Stefan]

Hallo Leute,

hier das Problem:

<div style="width:80%;background-color:#ccc">
  <div style="width:100%">
   <div style="width:43%;background-color:red;height:100px;float:left;margin-left:3px;"></div>
   <div style="width:2px;background-color:blue;height:100px;float:left;"></div>
   <div style="width:13%;background-color:green;height:100px;float:left"></div>
  </div>
  <table border="0" cellpadding="0" cellspacing="0" style="width:100%;clear:both"><tbody><tr>
   <td style="width:3px"></td>
   <td style="width:43%;background-color:black"></td>
   <td style="width:2px;background-color:yellow"></td>
   <td style="width:13%;background-color:blue"></td>
   <td>leer</td>
  </tr></tbody></table>
 </div>

Am besten kurz mal ausprobieren und ausführen.
Wenn man nun das Browserfenster verkleinert bzw. vergrößert, stellt man fest, dass die prozentuale Breitenangabe (um 1px) variiert, d.h. die obere nicht gleich der unteren ist. Wie kann ich das Problem lösen?

Gruß, Stefan