Панель меню CSS, чтобы охватить ширину страницы

Question

Мне бы хотелось, чтобы главное меню с этой страницы http://www2.gardencomedyclub.co.uk использовало всю ширину страницы. Я пытался использовать margin: 0 auto; в разных местах в тегах #menu css, но он остается оправданным. Мне бы хотелось, чтобы поле между li элементами увеличивалось до полной ширины #mainmenu div. Спасибо за любую помощь!

Answer 1

Из вашего # меню уберите float: left и вместо этого используйте display: inline-block. Это, однако, подтолкнет последний li в новом ряду. Чтобы решить эту проблему, вам нужно изменить поля и отступы для «a» в качестве поля: 0 1px и padding: 0 1px Это работает в IE9, FF4.01, GG11, AF5.0.5 и Opera 11.

Answer 2

Для работы margin:0 auto; необходимо установить width.

Используйте width:730px; на #menu, и оно должно работать.