How to Fix the width attribute in cross browser environment
<p>Please see the JS link here </p>

<p><a href="http://trac.openwebanalytics.com/browser/trunk/modules/base/js/includes/jquery/jquery.ui.selectmenu.js?rev=1436" rel="nofollow">http://trac.openwebanalytics.com/browser/trunk/modules/base/js/includes/jquery/jquery.ui.selectmenu.js?rev=1436</a></p>

<pre><code>(function($) {

    $.widget("ui.selectmenu", {
            getter: "value",
            version: "1.8",
            eventPrefix: "selectmenu",
            options: {
                    transferClasses: true,
                    typeAhead: "sequential",
                    style: 'dropdown',
                    positionOptions: {
                            my: "left top",
                            at: "left bottom",
                            offset: null
                    },
                    width: null,
                    menuWidth: null,
                    handleWidth: 26,
                    maxHeight: null,
                    icons: null,
                    format: null,
                    bgImage: function() {},
                    wrapperElement: ""
            },
</code></pre>

<p>This width attribute defined below is being browser specific .
For  instance this width  value  is being browser specific , for example for Crome it is 97px , IE 8 it  is  67px 
So as a result it is not looking good inside IE .
Please tell me how can we fix it ??</p>
