[ask] edit css untuk menu

[artayoga]

permisi teman-teman... saya mengalami kesulitan pada script css dalam pembuatan sebuah menu.
Berikut gambarnya agar lebih mudah saya menjelaskan permasalahan saya :

Berikut adalah script css & htmlnya :

<style type="text/css">
.container { height:300px; width:500px; background-color:#F00; position:relative; padding:0px; }
.menu { position:absolute; }
.menu li { color:#fff; background-color:#0F0; width:150px; display:block; }
</style>

<div class="container">
<div class="menu">

<ul>
<li>Semua yang </li>
<li>Semua yang ada disini akan kita coba lagi</li>
<li>Semua yang ada disini akan terbaik</li>
<li>Semua yang ada disini</li>
<li>Semua yang ada disini akan kita coba lagi</li>
<li>Semua yang ada disini akan terbaik</li>
<li>Semua yang ada disini tes</li>
<li>Semua yang ada disini tes</li>
<li>Semua yang ada disini tes</li>
</ul>

</div>
</div>

dari gambaran permasalahan yang saya hadapi, saya ingin agar tulisan yang berwarna hijau ketika sudah sampai batas bawah kotak merah maka secara otomatis akan berlanjut ke bagian atas kanan seperti yang saya tunjukkan pada tanda panaha tersebut. saat ini tulisan dan kotak hijau tersebut, ketika saya buat perulangan dia terus saja lari ke bawah.. mohon bantuannya teman-teman