28182 sujets

CSS et mise en forme, CSS3

Bonjour à tous:
Comment définir le CSS de la div suivante pour éviter ceci:
upload/1568122339-48769-list-scroll.jpg
Le CSS actuel:

div.filterList { 
	position:absolute;
	top:100%;
	left:0;
	border:1px solid gray;
	border-radius:0.5em;
	padding:0.5em;
	background-color:lightyellow;
	max-height:20em;
	overflow-y: auto;
	overflow-x:hidden;
}
div.filterList ul { 
	list-style: none;
	display:table;
}
div.filterList ul li {
	display: table-row;
	font-size:0.8em;
}
div.filterList ul li > * {
	display: table-cell;
	padding:0 0.5em;
}

Merci de votre aide
Désolé de vous avoir dérangé pour si peu: il suffit d'augmenter le padding-right

div.field div.filterList {
	position:absolute;
	top:100%;
	left:0;
	border:1px solid gray;
	border-radius:0.5em;
	padding:0.5em;
	padding-right:1.5em;
	background-color:lightyellow;
	max-height:20em;
	overflow-y: auto;
	overflow-x:hidden;
}