title: Adding side button image to buttons
body: <p>How do you add a side image to a button with css. I was doing some clean up on our site and converted a couple pages from table format to css using divs. Now the buttons do not have rounded sides like before, but we still have the side images. can someone show me how to just add those images back via divs or css after and before or something along those lines. here is what the div looks like and the css for the button.</p>
  
  <pre><code>&lt;div&gt;
      &lt;!-- Edit Repair Button --&gt;
      &lt;cc1:TemplateButton ID="btnRepair" CssClass="costBenefitButton" runat="server" OnClientClickObjectPaths="0, RecordID; 1, CurrentUser"
          OnClientClickFormatString="ProblemRepair_problemID = '{0}'; User='{1}'; ModalDivEngine_ShowDiv('ProblemRepairDiv');"
          TextFormatString="&lt;%$ Resources:CostBenefitDetails, CostBenefitDetails_btnRepair %&gt;" /&gt;
      &lt;%=TemplateManager.LOOP_TAG_END %&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.costBenefitButton
  {
      background-image: url(../../Images/SubmitButtonBack.png);
      color: White;
      font-family: Verdana;
      font-weight: bold;
      font-size: 8pt;
      width: 160px;
      height: 22px;
      border: none;
      position: relative;
      cursor: pointer;
      margin-bottom: 5px;
  }
  </code></pre>
  
  <p>Please no jquery or prototype plugins. thanks</p>