如何避免html中元素的重叠

Question

我的主页的母版页左侧和右侧都有空格，我想在这些空间放置一些图片。但是，当我缩小浏览器时，它与主页内容本身重叠。据我所知，绝对定位不是解决方案（也是表格）。我怎么解决这个问题？有相对定位吗？

<style type="text/css">
   #cover { position: absolute;
   height: 385px; width: 282px;    
   left: 50px; top: 250px; }    
</style>

<div id="cover">
 <a href="..." title="..."><img align="right" src="xxx.png" title="..." width="282" height="385"/>  
 </a>
</div>