Html 图像未显示问题

我在这个页面上的导航栏工作正常，但是应该在它下面的图像没有显示出来。我所要做的就是让image bubbles.png显示在导航栏下。我不能使用img标签，因为它不允许上面有东西，这就是我需要帮助的地方？ 代码：

---

指定一个确定的高度：

主节点找不到要从中继承的高度：

#main{
background: url(http://www.poweredwebsite.com/images/bubbles.png) center;
height: 50px;
background-size: 60% 100%;
}

检查这个

关于D.

谁说你不能？主体高度：50%。但其父级未定义高度。未定义的50%实际上为0。

#main{
background: url(http://www.poweredwebsite.com/images/bubbles.png) center;
height: 50px;
background-size: 60% 100%;
}

#main{
    background: url("http://www.poweredwebsite.com/images/bubbles.png") repeat scroll center center;
    height: 150px;
        background-size: 60% 100%;
}
body {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
.navtext {
color: white;
font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
display: inline;
}
#nav {
background-color: #336699;
clear: both;
width: 100%;
height: 100%;
border-bottom: 2px darkred solid;
text-align: center;
}