求救 图片居中 图片拉伸问题？
<div style="background:url(image/designerimg/design-head.png);width:100%;height:36px;padding-top:0;">
  <table id="toolbar" style="margin-top:0;">
     <tr>
       <td>&nbsp;&nbsp;<a id="setpage" href="javascript:;" style="text-decoration:none;" onclick="createPage()"><img src="image/designerimg/setpage-link.png" alt="页面设置"/></a></td>
       <td>&nbsp;&nbsp;<a id="prepage" href="javascript:;" style="text-decoration:none;" onclick="openPage()"><img src="image/designerimg/prepage-link.png" alt="预览页面"/></a></td>
       <td>&nbsp;&nbsp;<a id="savepage" href="javascript:;" style="text-decoration:none;" onclick="savePage()"><img src="image/designerimg/savepage-link.png" alt="保存页面"/></a></td>
     </tr>
   </table>
</div>


1、怎么设置能把table中的图片放到div居中的位置；
2、div的背景图片怎么能够设置到横向拉伸，而不是平铺效果。
------解决方案--------------------