ul的文字 覆盖了div的背景图片怎么办
Index代码:
<div id="search"></div>
<ul id="search2">
<li class="sea"><a href="#">首页</a></li>
<li class="sea"><a href="#">今天</a></li>
<li class="sea"><a href="#">音乐</a></li>
<li class="sea"><a href="#">趣图</a></li>
<li class="sea"><a href="#">联系我们</a></li>
<li class="sea"><a href="#"><img src="images/5.jpg" /></a></li>


css代码:

#search{ width:900px; height:39px;background-image:url(../images/1.jpg); background-repeat:repeat-x; margin-top:10px; margin-left:280px;}
#search2 li{ float:left; margin-top:-10px;font-family: "黑体"; font-weight:bold; font-size:16px;}
.sea{ line-height:inherit; height:inherit;}

我如果把div的闭合放在ul闭合后面就会看不到div的图片
现在这样 我移动li的文字 就会把div的图片覆盖

------解决方案--------------------
用Z-INDEX设置看能不能行。。。
------解决方案--------------------
你是想达到显示背景图片的效果吗（即显示ul的文字在背景图片之上）
建议如下代码：
Index代码:
<ul id="search2">
<li class="sea"><a href="#">首页</a></li>
<li class="sea"><a href="#">今天</a></li>
<li class="sea"><a href="#">音乐</a></li>
<li class="sea"><a href="#">趣图</a></li>
<li class="sea"><a href="#">联系我们</a></li>
<li class="sea"><a href="#"><img src="images/5.jpg" /></a></li>


css代码:

#search2{ width:900px; height:39px;background-image:url(../images/1.jpg); background-repeat:repeat-x; margin-top:10px; margin-left:280px;}
#search2 li{ float:left; margin-top:-10px;font-family: "黑体"; font-weight:bold; font-size:16px;}
.sea{ line-height:inherit; height:inherit;}



即把背景设置为ul的背景。。并不是在其外在添加一个标签，这样即浪费div，又打不到理想的效果。。。。