css定位能用android,绝对的CSS定位显示android html上的空白区域

在我的Galaxy选项卡2上显示此HTML代码的结果时，使用＆＃34; html viewer＆＃34;，在纵向模式下，标题和内容div之间有一个小的空白空格。

(在这个小提琴上，空格不会出现;)

HTML：

content

nav

header

CSS：

html, body{width:100%;padding:0;background:#fff;margin:0;height:100%;}

#header, #content, #footer, #navigation{margin:0;padding:0;position:relative;display:block;float:left;clear:both;width:100%;}

#header{background:green;display:block;height:33%;padding-bottom:0px;margin-bottom:0px;}

#navigation{background:blue;display:block;height:5%;}

#content{position:absolute;top:38%;background:red;display:block;height:57%;padding-top:0px;margin-top:0px;}

#footer{background:teal;display:block;height:5%;}

你知道如何解决这个问题吗？

提前致谢！