将元素定位在另外两个元素之上

Question

我有一个带背景元素的元素，我需要添加一些不可见的间隔符来将背景转换为按钮（因为前景图像需要位于顶部）但我需要以与它对应的方式进行操作我的包装因此不能利用位置功能，我怎么能这样做呢？

提前致谢！

<style>
#wrapper { width: 1100px; padding: 10px; margin: 0 auto; }
#wrapper div { display: inline-block; }
#wrapper ul { list-style-type: none; }
#wrapper li { display: inline-block; }
#socialNetwork { background: url('sNetwork.png') no-repeat; position: relative; }
</style>

<div id="wrapper">
<ul>
<li id="socialNetwork"><img src="money.gif" style="background: url('sNetwork.gif') 0 0 no-repeat;" /></li></li>
</ul>
<div id="overLay">
<a href="#facebook"><img src="SNFiller.png" style="position: fixed; left: 560px;">    </a><br />
<a href="#youtube" ><img src="SNFiller.png"></a><br />
<a href="#twitter"><img src="SNFiller.png"></a>
</div>
</div>

编辑：我将它们放在标签中，因为我将它改编为Stack Overflow，它是一个msitake，但在我的代码中却不是这样。