Элемент списка в горизонтальном раскрывающемся меню разваливается при просмотре на Mac

Question

Я использую горизонтальное меню css из шаблона, который я изменил.У меня есть Mac, но я использую виртуальную машину, с которой разработал данный веб-сайт.Он работает во всех браузерах на виртуальной машине на базе Windows, однако после того, как я запустил его при просмотре на Mac, он сбрасывает мой последний элемент списка под первым элементом списка во всех браузерах, просматриваемых на Mac.

Раскрывающийся списокк меню прикреплены три внешние таблицы стилей плюс моя таблица стилей для связанной страницы.Вот временный IP-адрес:

http://174.120.170.93/~emoree/test.html

Мне кажется, что это простое решение, но я не лучший программист, поэтому я в замешательстве.

Answer 1

Ширина в ul.dropdown установлена ​​в 425px в dropdown.css (строка 27). Этого недостаточно для всех трех элементов списка, которые всплывают, поэтому третий опускается ниже, когда ему не хватает места.

Я бы удалил width:425px из ul.dropdown. Это заставит элементы списка высовываться с правой стороны сайта, поэтому я бы изменил div # test на float: right; вместо float: left; margin-left: 375px;