title: How to make this an entirely clickable DIV
body: <p>I'm using JQuery to hide a DIV when the following DIV is clicked</p>
  
  <pre><code>.up_link {
      position: absolute;
      width: 830px;
      height: 500px;
      z-index: 8;
      text-align: center;
      cursor: pointer;
      border: 3px solid #000;
  }
  </code></pre>
  
  <p>which works fine in Firefox but not in IE. I can click the whole DIV in Firefox but in IE, only the border. </p>
  
  <pre><code>$(function() {
  $(".down_link").click(function() {
      $(".gallery_block2").stop(true, true).hide().animate({ marginTop: 0 }, 400).fadeTo(500,1).show();
  });
  
  $(".up_link").click(function() {
      $(".gallery_block2").stop(true, true).fadeTo(500,0).show().animate({ marginTop: -550 }, 400);
  });
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>    &lt;div class="gallery_block2"&gt;
          &lt;div class="gallery_thumbs"&gt;
              &lt;div class="gallery_close_container up_link"&gt;&lt;/div&gt;
              &lt;div class="load_space"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Any help is appreciated.</p>