Dynamic select box options cut off in IE
<p>In the select box options cutoff in IE browser. For rectifying this i used the following code.</p>

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

  $.fn._ie_select=function() { 

    return $(this).each(function() { 

      var a = $(this),
          p = a.parent();

      p.css('position','relative');

      var o = a.position(),
          h = a.outerHeight(),
          l = o.left,
          t = o.top;

      var c = a.clone(true);

      $.data(c,'element',a);

      c.css({
        zIndex   : 100,
        height   : h,
        top      : t,
        left     : l,
        position : 'absolute',
        width    : 'auto',
        opacity  : 0
      }).attr({
        id    : this.id + '-clone',
        name  : this.name + '-clone'
      }).change(function() {
        $.data(c,'element')
          .val($(this).val())
          .trigger('change')
      });

      a.before(c).click(function() { 
        c.trigger('click');
      });

    }); // END RETURN

  }; // END PLUGIN

  if ($.browser.msie) {
    $('select')._ie_select();
  }

})(jQuery);
</code></pre>

<p>(Also found at <a href="http://pastebin.com/WqbtNxJu" rel="nofollow">http://pastebin.com/WqbtNxJu</a>)</p>

<p>It works fine. If i create the select box dynamically (Add More Select box in onclick event). It doesn't work. 
Please do the need ful Thanks.</p>
