title: Problem in clicking button all over it. CSS button
body: <p><strong>Probem</strong> <br>I have a CSS button which am able to click only on the test area.
  I am unable to click on the non-text area of the button. </p>
  
  <p>Here is the HTML code for the "EDIT" button on my website. </p>
  
  <pre><code>&lt;div class="stndrd_btn"&gt;
      &lt;p&gt;&lt;?php echo $html-&gt;link('Edit','... destination....'); ?&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Below is the CSS code for the button.</p>
  
  <pre><code>.stndrd_btn {
      width:140px;
      height:30px;
      background:url(img/stndrd_btn.png);
      color:#FFF;
      cursor: pointer;
  
  }
  
  .stndrd_btn p {
      color:#FFF;
      margin:0 auto;
      text-align:center;
      vertical-align: middle;
      padding-top:6px;
      font-size:14px;
      font-weight: bold;
      width: 100%;
      height: 100%;
      display: block;
      cursor:pointer;
  }
  </code></pre>
  
  <p>Please let me know how i can make the clicking work all over the button. THANKS!!</p>