How to make this an entirely clickable DIV
I'm using JQuery to hide a DIV when the following DIV is clicked

    .gallery_close_container {
	    position: absolute;
	    width: 830px;
        height: 500px;
        z-index: 8;
	    text-align: center;
	    cursor: pointer;
	    border: 3px solid #000;
    }

which works fine in Firefox but not in IE. I can click the whole DIV in Firefox but in IE, only the border. 

    $(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);
    });
    });

Any help is appreciated.
How to make this an entirely clickable DIV
===

I'm using JQuery to hide a DIV when the following DIV is clicked

    .gallery_close_container {
	    position: absolute;
	    width: 830px;
        height: 500px;
        z-index: 8;
	    text-align: center;
	    cursor: pointer;
	    border: 3px solid #000;
    }

which works fine in Firefox but not in IE. I can click the whole DIV in Firefox but in IE, only the border. 

    $(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);
    });
    });

Any help is appreciated.