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 [email protected] on 25 Jan 2013 at 9:03