title: <br /> HTML tag not cross-browser compatible
body: <p>I have an issue with the HTML <code>&lt;br /&gt;</code> tag.</p>
  
  <p>I have 2 images above each other.</p>
  
  <p>With no <code>&lt;br /&gt;</code> between the two, the bottom border of the top image touches the top border of the bottom image which seems to be what it is supposed to be.
  Then if I put 1 <code>&lt;br /&gt;</code>, there should be some space between the 2 images. If I put 2 <code>&lt;br /&gt;</code>, there should be even more space.</p>
  
  <p>Here is the problem</p>
  
  <p>Firefox version 3.5 seems to ignore the first <code>&lt;br /&gt;</code>. If I put 2 then it puts some space between the 2 images.
  IE7 puts some space between the 2 images even if I don't put any <code>&lt;br /&gt;</code>
  Things work fine in Chrome or Safari, i.e. there is no space with no <code>&lt;br /&gt;</code>, some space with 1 <code>&lt;br /&gt;</code>, more space with 2, etc...
  I have not tested in IE8.</p>
  
  <p>Is there a way to get around the fact that browsers don't seem to interpret the <code>&lt;br /&gt;</code> tag the same way?</p>
  
  <p>Thanks for your insight!</p>