title: Background Image Before and After p tag
body: <p>I found a potential solution to my problem on stack overflow, but it does not seem to be working for me. I want an image to appear before and after p.choke, so on the top and the bottom. I am using the following CSS:</p>
  
  <pre><code>p.choke:before{
      content:" ";
      background-image:url(...);
      background-position:center top;
  }
  
  p.choke:after{
      content:" ";
      background-image:url(...);
      background-position:center bottom;
  }
  
  p.choke{
      background-image:url(...);
      background-repeat:no-repeat;
      background-position:center top;
      width:75%;
      line-height:2em;
      text-align:center;
      margin:0 auto;
      color:#009245;
      padding:1em 0;
  }
  </code></pre>
  
  <p>The image should be appearing on the top and bottom of my paragraph tag, right? I read about other people having this same problem and this is the syntax they used. Why is my image only appearing on the top?</p>
  
  <p><a href="http://dev.myfishermanscove.com/resort-services/hours-and-rates/" rel="nofollow">http://dev.myfishermanscove.com/resort-services/hours-and-rates/</a></p>