title: Remove all extra space around a button with an image?
body: <p>Alright, try as I might, I cannot for the life of me get rid of this tiny little border around my buttons.  </p>
  
  <p><strong>Edit:  I should mention, in case I didn't make it clear, these are buttons with an image on them, set to flat with the button sized to the image.</strong></p>
  
  <p>Images below:</p>
  
  <p><img src="https://i.stack.imgur.com/oeebb.jpg" alt="enter image description here">
  Number one, I can't for the life of me get these borders to GO AWAY.  I've checked everything I can think of.  They're:</p>
  
  <ul>
  <li>flat</li>
  <li>border 0</li>
  <li>no margins</li>
  <li>no padding</li>
  <li>manually sized to the size of the image (75px)</li>
  <li>in a table layout where the columns are all:
  
  <ul>
  <li>manually sized to the width of the image (75px)</li>
  <li>borderless</li>
  </ul></li>
  </ul>
  
  <p>Nothing seems to really "work" to get rid of these.  If I size the columns down to be 74px instead of 75px, most of them go away, but a few remain.  I've triple and quadruple checked the images, and they don't have anything that I can pick up on that should be causing this...  no transparency around the borders, definitely no border that looks like that.  </p>
  
  <p>Which leads me to the second problem:</p>
  
  <p><img src="https://i.stack.imgur.com/p8MO5.jpg" alt="enter image description here"></p>
  
  <p>Settings button when dialog is small...</p>
  
  <p><img src="https://i.stack.imgur.com/JsGUK.jpg" alt="enter image description here">
  Settings button when dialog is stretched out.</p>
  
  <p>Settings button is also in the same table layout panel.</p>
  
  <p>I've checked all the settings on the table layout panel as well..  I can't find any padding or margin or anything settings that suggest this should be happening.  </p>
  
  <p>Does anyone have any experience with this?  What am I missing..?</p>