Html 当我放大IE7时，如何解决这个元素重叠的问题？_Html_Css

Html 当我放大IE7时，如何解决这个元素重叠的问题？

html css

Html 当我放大IE7时，如何解决这个元素重叠的问题？,html,css,Html,Css,当我在IE7中放大时，位置相对的元素会重叠。我如何修复这个问题 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conten

当我在IE7中放大时，位置相对的元素会重叠。我如何修复这个问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5</title>


<style type="text/css" media="all">
.wrapper{width:500px;height:1000px;border:1px red solid;}

.block1{border:1px red solid;width:100px ;height:100px;position:relative;}

.block2{border:1px red solid;width:100px ;height:100px;}

.block3{border:1px red solid;width:100px ;height:100px;}
</style>


</head>

<body>
<div class="wrapper">
<div class="block1">A</div>

<div class="block2">B</div>

<div class="block3">C</div>
</div>
</body>
</html>


HTML5
.wrapper{宽度：500px；高度：1000px；边框：1px红色实心；}
.block1{边框：1px红色实体；宽度：100px；高度：100px；位置：相对；}
.block2{边框：1px红色实体；宽度：100px；高度：100px；}
.block3{边框：1px红色实体；宽度：100px；高度：100px；}
A.
B
C

我也尝试将zoom:1添加到.block1，但没有成功

.block1 {
    zoom: 1 ;
}

尝试类似的方法，希望有帮助。

如何修复页面或如何修复IE？