title: Extra padding or margin coming from where?
body: <p><a href="http://www.helpcurenow.org/cure/kabul/mothers/2009/10" rel="nofollow noreferrer">October Landing Page</a></p>
  
  <p>I'm having a couple issues on a page I'm developing. In the page above you'll see three boxes toward the bottom of the page - two are the same format and the third has it's own problems.</p>
  
  <p>Box 1 &amp; 2 (the ones without borders)</p>
  
  <p>PROBLEM: somehow the list items have some extra left padding (apparently) that is not specified in the style sheet - at least not intentionally. Are they inheriting padding from elsewhere? Both boxes seem to be exhibiting this problem.</p>
  
  <p>Box 3 (the one with the donation buttons)</p>
  
  <p>PROBLEM: the top row of buttons seem to be inheriting some extra padding or margins from somewhere, but I cannot figure out where.</p>
  
  <p>Any explanations or suggestions??</p>
  
  <p>*UPDATE: OK, so I fixed the issue with boxes 1 &amp; 2 by adding a new rule for their ul with a padding set to 0px. Not sure where it was inheriting the padding from, but that worked.</p>