Wordpress CSS Sidebar code issue

Question

Here is the issue. if you look at the screen shot below. The border of "Live gaming from tekgoblin" is bleeding into the ad code above the border. I am not sure why as it only happens with that part. I have tried and tried to fix this and am looking for others input. Looks fine in IE but not FFox or Chrome.

http://www.tekgoblin.com/wp-content/uploads/Screen-Shot-2012-09-28-at-2.59.18-AM.png

you can look at www.tekgoblin.com and you will see this.

Answer 1

I am not sure without further study, but your ad doesn't have a height and aslong as its always going to be the same height, you could set the below to fix the problem. If you don't have access to the CSS, then just place it in your local CSS to overwrite, and if that doesn't work assign !important; to the height to overwrite the externally imported css creating issues for you.

div.bsap_1250066 {
    display: block;
    height: 245px;
    width: 100%;
}

Or you could define a fixed height for your h4 , achieving the same but not having static ad heights. It really depends on how this effects your site globally, there are many fixes open to you.

Answer 2

Remove to one properties in your css as like this:

div.bsap_1250066 a {
    float:left; // remove this line 
}

because you have allready define display:block; .