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

Question

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

Это отлично выглядит в IE и Firefox, есть ли у anoyone предложение о том, как я могу исправить проблему в 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

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

Answer 3

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