[Resolvido] Problema ao fazer um menu de categorias com overflow

Boa tarde pessoal, tenho um menu de categorias no lado esquerdo do meu site, é um layout fluído, então eu deixei o height da div deste menu em %. Como essas categorias são resgatadas do banco de dados, eu nunca saberei quantas categorias estarão cadastradas, para isso utilizei o overflow, para que as categorias sem encaixem certinho no tamanho da div e não ultrapassem a area delimitada, caso o tamanho do texto seja muito grande. Fiz isso, mas surgiu um pequeno problema, ao gerar o scroll horizontal, conforme na figura abaixo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img17.imageshack.us/img17/4296/imagemerro.jpg&key=5f073fb942774940eaa637fc43db3f9e95e83e3b185c86593e932aa1d4011a2c" alt="imagemerro.jpg" />

Você podem ver que na parte: Estudo de Astronomia Avançada. O Avançada ficou para baixo, não gerando o scroll horizontal para ele. De que forma que poderia resolver este problema? Segue anexo meu código:

<div id="container">
 <div id="lateral">
 <div id="conteudolateral">
 <div id="logo">
 <a href="index.php"><img src="imagens/layout/logo.png" width="197" height="99" /></a>
 </div>

 <div id="data-lateral">
  
 </div>

 <div id="menu-categoria">
 <h1>Categorias</h1>
 </div>

 <div id="itens-categoria">
 <ul>
 <?php
 $SQL = mysql_query("SELECT * FROM categorias ORDER BY nome");
 while($listar = mysql_fetch_array($SQL)){

 ?>
 <a href="?categoria_selec=<?php echo $listar['id'];?>"><li><img src="imagens/layout/seta.png" width="9" height="10" class="seta"/> <img src="<?php echo $listar['imagem'];?>" width="21" height="20" class="categoria"/> <?php echo $listar['nome'];?></li></a>

 <?php
 }
 ?>
 </ul>
 </div>
 </div>
 </div>

#container{width:100%;height:99%;margin:0;}
#lateral{float:left; width:250px; height:100%;background-color:#FFF;}
#conteudolateral{margin:0;padding:0;}
#logo{padding:2px 10px;text-align:center;height:100px;}
#data-lateral{background-image:url(imagens/layout/bg-data.png);background-repeat:repeat-x;height:24px;}
#menu-categoria{background-image:url(imagens/layout/bg-menu.png);background-repeat:repeat-x;height:26px;padding-top:5px;}
h1{padding:0;margin-left:10px;margin-top:0;font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#2C3F7D;}
#itens-categoria{width:auto;height:76%;padding:0;margin:0;text-decoration:none;overflow:scroll;}
#itens-categoria ul{padding:0;margin:0;width:auto;}
#itens-categoria ul a{width:auto;text-decoration:none;}
#itens-categoria ul a li{list-style-type:none;height:25px;margin-bottom:7px;}
#itens-categoria ul a li:hover{list-style-type:none;height:25px;cursor:pointer;background-color:#E1E9F4;}
#itens-categoria ul a li{text-decoration:none;font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#333;}
#itens-categoria ul a li img{vertical-align:middle;border:0;}
#itens-categoria ul a li .seta{margin-left:12px;padding-bottom:2px;}
#itens-categoria ul a li .categoria{margin-left:4px;margin-right:6px;padding:2px;}

Não reparem na parte do php.

Agradeço muito quem ajudar.

Abraços.