Hi all,

I'm hoping someone could help with this, seems pretty simple but I just can't seem to get this to work correctly. I'm just trying to display some ad boxes in the sidebar of my site but they will just not sit in the center.

This is the code I'm using:

Code:
<div class="ad-box">
ad code here
</div>
In our style.css I have:

Code:
#sidebar .ad-box {
    background:url(images/border01.gif) repeat-x;
    height:1%;
    padding:0 13px 2px 16px;
    overflow:hidden;
    margin:16px 0 0;
}
#sidebar .ad-box ul {
    height:1%;
    padding:0;
    margin:8px 0 0;
    list-style:none;
    overflow:hidden;
}
#sidebar .ad-box ul li {
    float:left;
    margin:18px 0 0;
    padding:0 19px 0 0;
}
#sidebar .ad-box ul img {
    display:block;
    border:1px solid #ddd;
}
I'm not a coder/designer but I would normally use trial and error with this type of stuff however nothing seems to work. This code was part of the original template I had coded a few years back which I was hoping would work.

Here is a screen shot of how it looks at the moment, as you can see there is too much space on the right side.

adcodefix.png

Any help/advice would be appreciated.

Thanks