Jquery Select Menu - How to set fixed width for the Drop down menu

See more:

HTML5

jQuery-UI

Hi,

I am using Jquerymobile UI for my mobile application. In this application i have one drop down menu, its values are loaded from DB dynamically..Some values are large so Drop down size changes according to the value length.It gives My UI design bad look. How to set Fixed width to Select menu,

I have tried the by css,but not working

select
{
widht:150px; !important
}


very similar to this problem: http://stackoverflow.com/q/12119572/2802020[^]


any other idea???


My code:

<table align="center" cellpadding="0px" cellspacing="0px" style="width: 100%; background-color: White;padding: 15px">
         <tr>

             <td width="70%;" style="border-bottom: 1px solid #837B6C;">

       <span style="font-family: Helvetica; font-size: 12px; color: #837B6C;    margin-left: 10px;">
        Item:</span>
         <select id="ddItem" style="width:100%; border:1px solid            #000;color:#000000; font-family:Georgia,serif;" data-theme="a" data-mini="true" data-inline="true">
                                             <option value="dd">sfdgsdfgsdfyurt6yueryturtyurtyuserytwsrthyserthsdth</option>
                                             <option value="dd"&       gt;5367345634562345623452345</option>
                                             <option value="dd">SFSSDCSDFxdghdfg</option>
                                             <option value="dd">S$FVDE%#Vaert</option>
                                             <option value="dd">HG#%#$@@34343dfghdfgh</option>
                                       </select>

                                </td>

                                <td width="30%" style="border-bottom: 1px solid #837B6C;">

                                                <span style="font-family: Helvetica; font-size: 12px; color: #837B6C; margin-left: 10px;">
                                                    Quantity:</span>

                                                <input name="" id="Text4" placeholder="" value="" data-mini="true" />

        </td>
    </tr>
</table>