CSS выпадающий, вместо этого выпадает право

Question

Удалена ссылка, проблема решена

Предполагается, что меню вверху является выпадающим меню, но вместо этого оно расширяется вправо.

Мой CSS такой (я считаю, что в любом случае это актуально)

#primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px; }
#primary-nav ul { position: absolute; top: auto; display: none; }
#primary-nav ul ul { left: 100%; top: 0px; }
#primary-nav li { float: left; }
#primary-nav li li { float: none; position: relative; }

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; }

#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { display: block; }

Понятия не имею, где именно указано направление для меню.

Answer 1

Возьми маленькое и приятное чтение здесь .

Answer 2

Удалите position: absolute; из CSS #primary-nav ul, также, возможно, стоит взглянуть на использование FireBug, он великолепен в экспериментах с этими вещами. Кроме того, в каком браузере вы ищете? FF отображал меню по вертикали, но не был правильно выровнен и не имел фона.

Answer 3

Я вижу это меню как вертикальное, а не горизонтальное. Пожалуйста, укажите, какой браузер вы просматриваете, задавая вопросы CSS, так как это имеет большое значение в том, как ответить на ваш вопрос. Сообщите нам, если это исправлено, и что исправило это для будущих читателей.

Одна вещь, которую я заметил, это то, что ваши пункты меню выглядывают из вашего вертикального списка справа. Попробуйте применить отступ только к элементу <li>, а не к тегу привязки. Это должно исправить вашу проблему. Когда вы применяете его к обоим, вы должны помнить, что сначала вы помещаете отступ на <li>, затем добавляете больше отступа к внутреннему элементу, чтобы он расширялся за пределы своего контейнера, который имеет только первое количество применяется подкладка.

Answer 4

Теперь он вроде падает, но в Firefox 2 он мигает и из-за этого его едва можно разжать. А в IE7 он плохо выровнен и совершенно не щелкает ...