Браузеры без 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>
Если вы хотите, чтобы ваши изображения были элементами блочного уровня, используйте поплавки, чтобы выровнять их друг с другом, а затем, чтобы исправить любые (потенциальные) проблемы макета, вызванные размещением плавающих элементов на вашей странице, используйте это умное решение .
Вам следует рассмотреть возможность использования классов для своих стилей, а не вставлять их, если это возможно. Как сейчас обстоят дела, они станут кошмаром технического обслуживания.
Кроме того, если у вас есть контроль над этим, вставьте тип документа (я рекомендую использовать XHTML 1.0 Transitional. Все крутые ребята делают это!) В HTML ваших страниц, чтобы вы не поворачивались Причудливый режим включен. Если оставить Quirks Mode включенным, это может вызвать много головной боли, особенно если вы пытаетесь использовать «новые» методы, чтобы сделать ваш сайт лучше для пользователей.