Подскажите с кроссбраузерностью

[ВикторТрошка]

Помогите понять почему в хроме меню отображается нормально, а в лисе пункт меню contacts сползает вниз? И как исправить в данном случае, чтобы там и там правильно в линию отображалось.

http://divhack.com/downloads/study/1/html/

[Great Rash]

В FireFox элемент <a> шире на три пикселя (234 против 231 в Chrome, если посмотреть пункт "Become a member"), из-за чего так пока не ясно.

[hedgehog]

В FireFox элемент <a> шире на три пикселя (234 против 231 в Chrome, если посмотреть пункт "Become a member"), из-за чего так пока не ясно.

Я думаю, что из-за разного отображения текста. У меня в лисе все нормально пока не начинаешь масштабировать. Брать текст за эталон ширины/высоты - не лучшая идея

[ВикторТрошка]

В FireFox элемент <a> шире на три пикселя (234 против 231 в Chrome, если посмотреть пункт "Become a member"), из-за чего так пока не ясно.

Я думаю, что из-за разного отображения текста. У меня в лисе все нормально пока не начинаешь масштабировать. Брать текст за эталон ширины/высоты - не лучшая идея

А как будет правильней сделать?

Убрал <a> display: block; и поставил ширину width:160px ,а для высоты ничего на ум кроме line-height: 60px; не приходит.

[hedgehog]

А как будет правильней сделать?

Либо таблицей, либо вот так: http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html

Мне очень нравится способ, описанный на css-live.ru До этого я использовал похожее решение, но оно не отличалось хорошей кроссбраузерностью.

Убрал <a> display: block; и поставил ширину width:160px ,а для высоты ничего на ум кроме line-height: 60px; не приходит.

В этом случае высота ни при чем, я просто привел ее в качестве примера.