Проблема CSS с элементом <ul>, не расширяющимся до размера списка

Question

Я надеялся, что кто-нибудь поможет мне с панелью навигации, которую я создаю в CSS.У меня проблемы с элементом ul, он не расширяется до размера списка - не слишком уверен, что я делаю неправильно.

Я настроил здесь небольшой прототип:

http://jsfiddle.net/JCraine/NvKzM/2/

Элемент UL-нарушитель выделен красным.Я был бы очень признателен, если бы кто-нибудь взглянул на меня!

Просто прокрутите вниз до header nav .submenu ul в CSS, чтобы увидеть, что происходит

Спасибо!

Answer 1

Вы перемещаете свои элементы списка, из-за чего родитель не знает, как высоко он должен быть.

Answer 2

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