请教一下应该怎么修改这个CSS

原来的代码是这样的，我两边的border都突出来了，想和top的平行，top border的那个是在photoshop里头加的横线。
CSS code

.XBG3 {border-left:1px solid #ddd;border-bottom:1px solid #ddd; border-right:1px solid #ddd;background: #fff repeat-x top;}
.T4-3{ padding-left:25px; background:url(dyjsk.png) no-repeat 0px 0px; font-size:12px; font-weight:700; color:#fff;  padding-top:0px; padding-bottom:20px;}

具体想要的结果是这样，平行对齐的。

HTML code

<div class=".XBG3">
    <div class="T4-3"></div>
</div>
<!--布局从上面这种方式改为下面这样，高度自己调整下。-->
<div class=".XBG3"></div>
<div class="T4-3"></div>

能重叠吗？我现在是装载在两个不同的.CSS文件内的啊。

要不调整T4-3的padding-top值试试，这个高度看起来大概5px左右。

错了，应该是margin-top:5px;