Miért nem teszi bele az egyik div-et a másikba?

Úgy szeretnéd, hogy az "asd" div-et elhelyezed pl balra s a "menu" div-ben megjeleníted a dolgokat igaz, ha igen tessék:

#asd

{

position: relative; // A többihez képest helyezi el.

width: 300px // 300px a szélessége

height: auto; // A tartalomhoz igazodik a magassága

overflow: auto; // Ha meghaladja a méretet automatikusan le enterezi.

top: 10%; // eltolja 100px-el fentről

left: 10%; // eltolja 100px-el balról

}

#menu

{

position: relative;

background: #777777; // Háttérszíne szürke

width: 300px;

height: auto;

overflow: auto;

left: 0%;

top: 0%;

color: #FFFFFF; // Fehérre színezi a tartalom színét.

}

li

{

display: none;

}

<div id="asd">

<div id="menu">

<li>Menü 1</li>

<li>Menü 2</li>

<li>Menü 3</li>

<li>Menü 4</li>

</div>

</div>

Így az "asd" div-en belülre helyezi a "menu" div-et.

Remélem segítettem.