CSS帮助将顶部覆盖在底部

我正在创建选项卡布局，需要#tab1容器与#tabHeader容器重叠。以下是我目前掌握的代码：

<div id="tabsContainer">
  <div id="tab1" style="height: 25px;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; float:left; padding-left: 4px; position: relative;">
    <div style="float:left; background:url(css/tabs/images/tab_Selected_Left.png) no-repeat;  height:25px; width: 6px; "></div>
    <div style="float:left; background:url(css/tabs/images/tab_Selected_Content.png) repeat-x; height:25px; text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 4px; ">Home</div>
    <div style="float:left; background:url(css/tabs/images/tab_Selected_Right.png) no-repeat;  height:25px; width: 8px; "></div>
  </div>
  <div id="tabHeader" style="width: 100%; border-top: #8db2e3 solid 1px; clear:both; height:2px;margin-top: -12px;"></div>
</div>

家

---

所以我需要把tab1放在tabHeader部分的1px上。我创建的任何其他选项卡也会这样做。我尝试了一些东西，但我对CSS定位很反感。任何帮助都将不胜感激

这就是你想要的吗：

另外，请使用样式表：）

尝试以下方法：

<div style="height: 25px; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size: 14px; float: left; padding-left: 4px; position: relative; border-bottom: 1px solid white; margin-bottom: -1px;" id="tab1">

---

希望能有帮助。

我喜欢，当我把东西充实起来时，我通常会先内联完成；）更正了我的代码，请点击这里：同样如上所述，您应该在这里使用css样式表。请参阅我在他的帖子上的评论；）这是可行的，但在我的图像旁边留下了1像素的间隔。谢谢你的帮助！！！！1倍间隙？在侧面的图像上？

border-bottom:1px solid white; margin-bottom:-1px;