Ошибка навигации подменю Safari

Question

Для моей навигации я показываю/скрываю подменю, используя свойства высоты/ширины и непрозрачности, а не свойство отображения, так что я могу использовать переходы CSS для создания затухания/fade-out для подменю. Это прекрасно работает в каждом браузере, кроме Safari, и я понятия не имею, почему.

Веб-сайт находится в http://rtt.celero.com.au. Взгляните на него в любом браузере, кроме Safari, а затем сравните с тем, как он выглядит в Safari.

Другие браузеры:

Safari:

Кто есть какие-либо идеи о том, что вызывает эту ошибку в Safari?

EDIT: веб-сайт обновлен согласно предложению float: none ниже, однако теперь, похоже, существует еще одна проблема Safari, в которой элементы навигации верхнего уровня расширяются до ширины подменю. Любые идеи об исправлении для этого?

Новый Safari вопрос:

Answer 1

Это позволит устранить проблему в Safari

ul.menu li ul.sub-menu li{ 
    float:none; 
} 
ul.menu li ul.sub-menu{ 
    position:absolute; 
}