Html 以百分比表示的CSS布局在Firefox中显示较小的右边距

我在编写一些css脚本时遇到了一些挑战；事实上，右边的边距似乎比左边的小，而两者都设置为5%

使用Firefox 35.0.1

正文{
宽度：100%；
填充：0；
利润率最高：5%；
背景：#fff；
}
#主要内容{
浮动：左；
宽度：57%；
背景：#a7cbd3；
左缘：5%；
最小高度：777px；
}
#侧面{
浮动：对；
宽度：33%；
背景#0081a9；
保证金权利：5%；
最小高度：777px；
}

主要内容
侧边

您必须重置默认的

正文

边距，以防止内容溢出

body {
  margin: 5% 0 0; /* added margin-top 5% as previous rule */
}

正文{
宽度：100%；
填充：0；
利润率：5%0；
背景：#fff；
保证金：0；
}
#主要内容{
浮动：左；
宽度：57%；
背景：#a7cbd3；
左缘：5%；
最小高度：777px；
}
#侧面{
浮动：对；
宽度：33%；
背景#0081a9；
保证金权利：5%；
最小高度：777px；
}

主要内容
一边