title: onclick event not working with position:fixed
body: <p>when i uses position:fixed the div's onclick event is not working. and this event is working with other values like static,relative etc.
      My code is like below:
  css:</p>
  
  <pre><code>  #dialog_window_minimized_container {
       position: fixed;  
      bottom: 0px;
      left: 0px;
  }
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>    &lt;script&gt;
  var _init = $.ui.dialog.prototype._init;
  $.ui.dialog.prototype._init = function() {
      //Run the original initialization code
      _init.apply(this, arguments);
  
      //set some variables for use later
      var dialog_element = this;
      var dialog_id = this.uiDialogTitlebar.next().attr('id');
      //append our minimize icon
      this.uiDialogTitlebar.append('&lt;a href="#" id="' + dialog_id + 
      '-minbutton" class="ui-dialog-titlebar-minimize ui-corner-all"&gt;'+
      '&lt;span class="ui-icon ui-icon-minusthick"&gt;&lt;/span&gt;&lt;/a&gt;');
      $('#dialog_window_minimized_container').append(
          '&lt;div class="dialog_window_minimized ui-widget ui-state-default ui-corner-all" id="' + 
          dialog_id + '_minimized"&gt;' + this.uiDialogTitlebar.find('.ui-dialog-title').text() + 
          '&lt;span class="ui-icon ui-icon-newwin"&gt;&lt;/div&gt;');
      $('#' + dialog_id + '-minbutton').hover(function() {    
          $(this).addClass('ui-state-hover');
      }, function() {
          $(this).removeClass('ui-state-hover');
      }).click(function() {
          dialog_element.close();
          $('#' + dialog_id + '_minimized').show();
      });
    $('#' + dialog_id + '_minimized').click(function() {
  
          $('#' + dialog_id + '_minimized').hide();
  
            dialog_element.open();    
  
      });
  
  };
  
  &lt;/script&gt; 
  </code></pre>
  
  <p>jsp:</p>