Горизонтальное всплывающее меню с использованием дисплея: встроенное

Question

возможно ли создать горизонтальное всплывающее меню без использования float? Я попробовал это в этой скрипке с display:inline. Моей целью было получить результат, подобный второму примеру. К сожалению, мне пришлось работать с поплавком ...

Ты хоть представляешь, что мне не хватает? Если у вас есть ссылка и т.д., опубликуйте ее, пожалуйста.

Ваша помощь очень ценится.

EDIT: Это как далеко я получил ... http://jsfiddle.net/gbMsq/2/

Второй элемент списка должен иметь другой список. Но он устанавливается под первым пунктом списка.

Answer 1

Как это?

Рабочий пример: здесь

example 3 использует display: inline-block вместо float и выравнивает блоки по вертикали

Обновлено

Обновлена ​​скрипта, чтобы показать первый пример и последний в OP. Оба используют один и тот же CSS

Answer 2

Вы можете попробовать использовать абсолютное позиционирование следующим образом:

li > ul { position: absolute; }

Демо

Недостатком / преимуществом является то, что внутреннее ul выводится из потока, как видно из моей демонстрации. Это может быть хорошо, если вы хотите выпадающее меню, если нет, вы можете добавить некоторую высоту к внешнему ul или придерживаться поплавков.