Showing "Disable Adblock" image under ad

Question

I am trying to make it so that if you have adblock enabled an image will show behind the ad banner on my website which says "Please consider disabling adblock".

How ever it just shows up as a box with border.

This is the box.

Here is my code.

.banner {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
padding: 5px 0px;
width: 750px;
max-width: 100%;
padding: 10px;
height: 90x;
min-height: 90px;
/* Disable Adblock Banner. */
background-image: url("http://i.imgur.com/dUEUcJY.png");
border: 1px solid #191919;

}

And here is my HTML.

<div class="banner">
  <center>

    <!-- Some Ad Content Here -->

  </center>
</div>

Answer 1

Try using this CSS instead :

.banner {
  margin-right: auto;
  margin-left: auto;
  padding: 5px 0px;
  width: 750px;
  max-width: 100%;
  padding: 0;
  height: 90x;
  min-height: 90px;
  background-image: url("http://i.imgur.com/dUEUcJY.png");
}

<div class="banner"></div>