Menü mit zwei Spalten

[Wolfgang Stegmann]

Guten Tag,
ich habe ein kleines Problem. Ich möchte gerne in einem DIV mit festgelegter Größe ein vertikales Menü mit zwei Spalten erstellen. Die Menü-Elemente sind genau halb so groß wie das umschließende DIV. Sobald nun die erste Spalte mit Menü-Elementen gefüllt ist sollen die restlichen Menüpunkte die zweite Spalte ausfüllen. Wie kann ich das realisieren?

MfG Wolfgang Stegmann

HTML:
<div id="submenue">
 <ul>
 <li><a href="./" title="">1</a></li>
 <li><a href="./" title="">2</a></li>
 <li><a href="./" title="">3</a></li>
 <li><a href="./" title="">4</a></li>
 </ul>
</div>

CSS:
#submenue
 {
 margin-top:  10px;
 margin-left:  15px;
 width:   415px;
 height:  90px;

border:   1px solid red;
 }

#submenue ul
 {
 display:  block;
 margin:  0;
 padding:  0;
 }

#submenue ul li
 {
 list-style-type:  none;
 width:   50%;
 border:  1px solid #ccc;
 }