IE以外のブラウザは、そのページでさらに悪化しています。
あなたの画像はそれぞれ<a />
タグであり、スタイルは「display: block;
」です。表示ブロックは、通常、各要素をそれ自身の行に配置します(それに適用される他のスタイルに応じて)。
これを修正するには、要素から「display:block」スタイルを削除します。
<a href="http://www.etcbc.org/">
<img style="border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; text-decoration: none; padding-top: 0px" src="logo_1.png" />
</a>
<a href="http://www.etcbc.org/">
<img style="border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; text-decoration: none; padding-top: 0px" src="logo_2.png" />
</a>
あなたはブロックレベル要素であるためにあなたの画像が必要な場合は、使用は、ページ上の浮動要素を配置することにより生じたいかなる(潜在的な)レイアウトの問題を修正するために、その後、お互いにそれらを合わせthis clever solutionを使用することが浮かびます。
可能であれば、インライン展開するのではなく、スタイルにクラスを使用することを検討する必要があります。物事が今立つところで、彼らは維持の悪夢になるだろう。
また、あなたがコントロールしている場合は、ページのHTMLにput a doctype(私はXHTML 1.0 Transitionalを使用することをおすすめします。クールな子供たちがそれをやっています!)を使ってQuirksモードをオンにしないでください。 Quirksモードを有効にしておくと、特に「新しい」手法を使用してサイトをユーザーに適したものにしようとすると、頭痛を引き起こす可能性があります。
あなたはFirefoxでより大きな問題を抱えています:イメージは並んでいません。 –
私はあなたのコメントに合わせて私の答えを更新しましたが、画像を読み込むときに "401 Authorization Required"というエラーが出るので、自分自身で新しいソリューションをテストすることはできません。 –