Dropdown-Menü zu schmal

[Fabian]

Hallo,

ich versuche gerade ein Dropdown-Menü mit CSS zu gestalten. Ansatz dabei ist eine Konstruktion wie:

  
<ul class="navigation">  
  <li>Zahlenmenü  
    <ul>  
      <li><a>1</a></li>  
      <li><a>2</a></li>  
      ...  
    </ul>  
  </li>  
  ...  
</ul>

Und der entsprechende CSS-Code wäre dann:

ul#bible_navigation li{  
	list-style: none;  
}  
ul#navigation>li{  
	display: inline-block;	  
}  
ul#navigation>li>ul{  
	display: none;  
	position: absolute;  
	padding: 0;  
	overflow: auto;  
	max-height: 40em;  
}  
ul#navigation>li:hover>ul{  
	display: block;  
}

Das Problem an der ganzen Sache ist, dass die aufklappbaren Menüs (ul#navigation>li>ul) ein kleines Stück zu schmal sind; gerade so, dass es breit genug wäre, wenn die Scrollbalken nicht da wären, scheint mir. overflow: scroll ändert daran nichts.

Getestet mit FF und Iron, aktuelle stabile Version. Woran liegt das, und kann ich die irgendwie breiter machen, dass sie nicht breiter als nötig werden, aber auch nicht den Text abschneiden?

Grüße,
Fabian.