Trouble setting hoverWidth on SelectItem

[jlpuffe]

Using smartgwt v9.0_2013-07-03.
FireFox 38

I can't seem to set the hover width on a SelectItem. Below is the code snippet. I've tried different permutations of setHoverStyle, setHoverWrap and setHoverWidth but nothing seems to control the hover width of the Select Item

SelectItem list= new SelectItem();
list.setValueField("id");
list.setDisplayField("name");
ListGridField nameField = new ListGridField("name")
nameField.setShowHover(true);
list.setPickListFields(nameField);
list.setHoverStyle("hoverStyle");
// nameFieldsetHoverWrap(false);
// list.setHoverWidth(300);
nameField.setHoverCustomizer(new HoverCustomizer() {
@Override
public String hoverHTML(Object value, ListGridRecord record, int rowNum, int colNum) {
String value = record.getAttribute("name");
String tooltip = Mappings.get(value); // this returns the tooltip string value I want to display for this partiular item in the list
return tooltip;
}
}


I used the style
.hoverStyle {
width: 300px;
}