title: How do I fix a major margin issue programming in Chrome and Firefox?
body: <p>After searching just about everywhere and validating my code a few times (and fixing the mistakes) I am at a loss as to what to do. I started programming this layout in firefox and everything looked perfect then went to check out Chrome and make sure it was ok and low and behold, Chrome screwed it up. </p>
  
  <p>The site is here: <a href="http://semperfiwebdesign.com/slipstick/" rel="nofollow">http://semperfiwebdesign.com/slipstick/</a> The problem is with the margins on the footer and footer_top classes. </p>
  
  <p>And I wrote down the code differences for the footer margins and they are stupidly big. Below is the CSS of the original: </p>
  
  <pre><code>.footer_top {
  float: right;
  margin-right: -26px;
  margin-top: 69px;}
  
  .footerlinks {
  float: right;
  margin-right: 120px; }
  
  #text-14 { 
  float: right;
  margin-right: -25px;
  text-align: center;
  margin-top: -69px;
  
  }
  </code></pre>
  
  <p>They run in the order they appear with the footer. So footer_top is the box with the top and bottom border, footer links is the paragraph of non working links and finally #text-14 is the "ad" image below the links. I apologize for the weird class names but wordpress gave me a lot of them. </p>
  
  <p>Now seeing that above here is what I figured out using firebug in Chrome to what Chrome wants the fix to be: </p>
  
  <pre><code>#text-14 {
  margin-top: -190px; }
  
  .footerlinks {
  margin-top: -279px; }
  
  .footer_top { 
   margin-top: -422px;}
  </code></pre>
  
  <p>Obviously this is a little absurd and I can't place these numbers into the real style sheet without truly messing up the entire layout. </p>
  
  <p>I have literally searched just about everywhere and I'm at my wits end. I have no idea where to go with this. I would post the entire CSS but since it's wordpress site it's a little long. So if you need to see anything else please ask and I will post it. </p>
  
  <p>Thank You
  Megan</p>