ChosenListBox doesn't expose the Chosen element

[GoogleCodeExporter]

I want to be able to apply styling (width) to the chosen list box.

    final ChosenListBox listBox = new ChosenListBox();
    listBox.addStyleName("smart_listbox");

Unfortunately this adds the style name to the select element, which has 
display:none set.

<div class="transform_box" style="z-index: 200046;">

<select class="smart_listbox GIPV0LMBNI chzn-done" id="chozen_container__0" 
style="display: none;"><option value="Strong Democrat">Strong 
Democrat</option><option value="Likely Democrat">Likely 
Democrat</option><option value="Likely Republican">Likely 
Republican</option><option value="Strong Republican">Strong 
Republican</option></select>

<div id="chozen_container__0_chzn" class="GIPV0LMBGI GIPV0LMBJI" style="width: 
120px;">
<a href="javascript:void(0)" class="GIPV0LMBFJ" tabindex="0">
<span>Strong Republican</span><div><b></b></div></a>
etc
</div>

I want to be able to style the chosen container itself, as for some reason its 
width is too narrow to display the given options.

Original issue reported on code.google.com by r...@flavor8.com on 25 Jan 2013 at 9:03