问题与跨浏览器的定位放大 - （？）DIV和表

Question

最后我设法让这个小网站看在FF/IE /铬接受

- 但是，当我放大/缩小FF /铬的位置变化而在ie它没有。

我的代码：

<div id="parent"> 
    <b>Favor Emitir Cheques, Depostiso o Tramsferencias <br /> 
    a Nombre de "xxxxxxx xxxxxxxxxx, C.A." <br /> 
    en xxxxxxxx xxxx, CTA CTE, No. xxxx-xxxx-xx-xxxxxxxxxx</b> 
    <div id="child1"> 
    BASE IMPONIBLE BS. 
    <table border="1" cellspacing="0"> 
     <tr> 
      <td>I.V.A. <input id="iva" type="text" name="iva" size="5" value="{{iva}}"/> % B.s.</td> 
     </tr> 
    </table> 
    IMPORTE TOTAL Bs. 
    <table id="child1Table"> 
     ...Text Display... 
    </table> 
    </div> 
<div id="child2"> 
    ... 
</div> 

上的.css IM

使用迈尔斯以及复位除了那什么如下：

#parent { 
font-size:80%; 
width: 100%; 

position:relative; 
top:0%; 
} 

#child1 
{ 
position:absolute; 
left:35%; 
top:0%; 
} 

#child1Table { 
position:absolute; 
left:120%; 
top:0%; 
} 

#child2 
{ 
position:absolute; 
top:150%; 
left:0%; 
} 

在正常的链接显示IE7 FF和Chrome图片和缩放（对于奇怪的图片发布抱歉）：https://docs.google.com/drawings/d/1tKIAkGs4kXbTEUW95mPu7Q5OMe3uEzJSbXetLAbDdJo/edit

任何提示关于如何从这个来源管理这个？或者应该从不同的方法开始呢？

Answer 1

看起来FF和Chrome正在缩放元素，但没有根据新页面大小重新计算位置。

我会使用一种不同的方法，如浮动child1，child1Table和child2，并使用边距来将它们分隔开来。