ChromeとFirefoxで大きなマージンの問題を解決するにはどうすればよいですか？

Question

私のコードを数回検証して（そして間違いを修正して）、私は何をすべきかについて迷っています。私はfirefoxでこのレイアウトをプログラミングし始め、すべてが完璧に見えてからChromeをチェックアウトして、それが大丈夫だと確かめて、Chromeがそれをねじ込みました。

サイトはhttp://semperfiwebdesign.com/slipstick/です。問題は、footerおよびfooter_topクラスの余白にあります。

そして、私はフッタマージンのコードの違いを書き留めました。そして、それらはばかげて大きいです。以下はオリジナルのCSSです：

.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; 

} 

これらは、フッターに表示される順序で実行されます。 footer_topは上枠と下枠の枠、フッターのリンクは非稼動リンクの段落、そして＃text-14はリンクの下の「広告」画像です。私は奇妙なクラス名のために謝罪しますが、wordpressは私にそれらの多くを与えました。

は今ここに上記の私は、Chromeは修正があることを望んでいるものにChromeで放火犯を使用して考え出し何であることを見て：

#text-14 { 
margin-top: -190px; } 

.footerlinks { 
margin-top: -279px; } 

.footer_top { 
margin-top: -422px;} 

は明らかにこれは少し馬鹿げていると私はにこれらの数字を配置することはできません実際のスタイルシートは本当にレイアウト全体を邪魔することはありません。

私は文字通りどこでも検索しています。私は知恵の終わりです。私はこれとどこに行くべきか分かりません。私はCSS全体を投稿するだろうが、それはWordPressのサイトなので少し長い。あなたが何か他のものを見る必要があるなら、私にそれを投稿してください。

はあなたに ミーガン

Answer 1

セット#containerありがとう - >位置：相対;

#primary { 
    background-color: #002E5B; 
    color: white; 
    /*float: left;*/ 
    height: 100%; 
    left: 0; 
    /*margin-left: -685px; 
    margin-top: -30px; 
    min-height: 2500px;*/ 
    position: absolute; 
    top: 0px; 
    width: 168px; 
} 

と3C-C-fixed.cssに

を#primaryするすべての参照を削除希望、これは明確な追加