Html 如何在容器中适应CSS渐变'；她身高多少？

我正在为我的网站标题制作CSS背景渐变，这已经困扰了我好几个小时了。假设我有以下代码：

html，body，div#页面包装器{
宽度：100%；
身高：100%；
最小宽度：100%；
最小高度：100%；
背景色：#FFF；
}
div#头{
宽度：100%；
身高：25%；
文本对齐：居中；
保证金：0px自动；
/*IE10+*/
背景图像：-ms线性梯度（底部，#FFFFFF 0%，#0094FF 100%）；
/*Mozilla Firefox*/
背景图像：-moz线性梯度（底部，#FFFFFF 0%，#0094FF 100%）；
/*歌剧院*/
背景图像：-o-线性梯度（底部，#FFFFFF 0%，#0094FF 100%）；
/*Webkit（Safari/Chrome 10）*/
背景图像：-webkit渐变（线性、左下、左上、颜色停止（0，#FFFFFF）、颜色停止（100，#0094FF））；
/*网络工具包（Chrome 11+）*/
背景图像：-webkit线性渐变（底部，#FFFFFF 0%，#0094FF 100%）；
/*W3C标记*/
背景图像：线性渐变（到顶部，#FFFFFF 0%，#0094FF 100%）；
}

如果您创建了一个问题的工作演示（代码片段或小提琴），将更容易提供帮助you@vals好的，我编辑了我的问题。你试过为

div#header

设置最小高度吗？渐变不会延伸出header-@Paulie_D不，它会。这里有一个链接到我的网站：请注意下面两行黑色长边框之间的所有空格。在最新版本的Firefox中测试。