Вопрос ширины UL второго уровня - только css

Question

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

Чтобы лучше понять, я пытаюсь имитировать это выпадающее меню, когда вы наводите курсор на МУЖЧИН: http://us.gant.com/

<ul> <----first level
  <li>
    <ul> <----second level
    <li></li>
    </ul>
  </li>
</ul>

Answer 1

Для этого необходимо указать ширину родительского элемента li.Так что сделайте что-то вроде этого:

ul li {
    width: 50px;
}

ul li li {
    width: auto; /* reset width */
}

Теперь ul подменю имеет ту же ширину, что и li, потому что li это первый предок с указанной шириной.