SelectItem pick list does not adjust for larger fonts

[fhd]

We're using a different font than the SmartGWT Enterprise skin, so we had to make a few changes. One of these were:

.pickListCell, .pickListCellSelected {
	font-family: "Trebuchet MS";
	font-size: 10.5pt;
}

(That's grossly simplified, but it does reproduce the problem.)

This, however, makes the pick list look weird, see the attachment trebuchet_10_5.png.

The last entry doesn't fit into the list, although there is clearly enough space. This does apparently happen with any number of entries, from 1 (!) to 20 (probably happens with >20 too, but I didn't test further).

When staying with the default font of the Enterprise skin or using considerably smaller text (e.g. Trebuchet MS at 8.5pt), it fits just fine, see attachment trebuchet_8_5.png.

However, we do want to use the same font everywhere. Any idea how I can make that work?

SmartGWT Version: 2.2
Browsers: Internet Explorer 8, Chrome 5, Firefox 3.6
Code to reproduce:

SelectItem item = new SelectItem();
item.setTitle("Animal");
item.setValueMap("Dog", "Cat", "Horse", "Hedgehog");
      
DynamicForm form = new DynamicForm();
form.setFields(item);
form.draw();