нижний колонтитул неправильно отображается в Chrome

Question

На этой странице нижний колонтитул не отображается правильно в Chrome 17. Все ссылки должны быть равномерно распределены на одной строке, но вместо этого это выглядит так:

В IE и Firefox выглядит нормально, есть ли у кого-нибудь предложение, как я могу исправить проблему в Chrome, не ломая ее в одном из этих других браузеров?

Answer 1

обновить этот идентификатор в вашем CSS -

ul#footerLinks li {
  display: table-cell;
  width: 160px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}

Без display:table-cell также он должен работать .. так что ... его избыточно - вы можете удалить его, если хотите.

Answer 2

Использовать float: left; в ваших якорных тегах.

Answer 3

Хм ... Однажды, когда я загрузил страницу, все выглядело нормально. В следующий раз это выглядело так, как на скриншоте выше. Похоже, ошибка рендеринга Chrome. Я бы попробовал использовать display: inline-block вместо table-cell. В качестве альтернативы просто визуализируйте их как встроенные и отцентрируйте меню по горизонтали. На мой взгляд, их расположение не очень ритмично.