Wondering if anyone can help me out. How can I line the content area with the top part of the box below. IE i dont want a 15px space at the top before the content. 

I've tried the following which works, only problem is that the tiled content background is now displaying over my top background.

I've uploaded an example page [here](http://demo.bigg.co.za/_help/example.html) so that you can clearly understand what i'm getting at.

Any help would be appreciated, thanks.

```
.box {
    width:218px;
}
.box .top {
    width:100%; height:15px;
    background:url(sidebarTop.png) no-repeat;
}
.box .content {
    margin:-8px 0 0 0;  
    padding:0 10px;
    width:198px; 
    background:url(sidebarTile.png) repeat-y 0 8px;
    color:#FFF;
}
.box .bottom {
    width:100%; height:15px;
    background:url(sidebarBottom.png) no-repeat;
}

<div class="box">

    <div class="top"></div>
    <div class="content">
        Content goes here.
    </div>
    <div class="bottom"></div>

</div>

```