How to set div height to 100% of user's monitor resolution?

With jQuery, you could use:

$('div.class').css('height', $(window).height()+'px');

Pure css

#container {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}

Good Luck

Or javacript Jquery:

Ready (not innerHeight in ie8):

$(document).ready( function(){
var heightwindow = $(document).height();
$('#container').css('height', heightwindow+'px');
});

resize window :

$(window).resize(function() {
var heightwindow = $(document).height();
$('#container').css('height', heightwindow+'px');
});

I don't think you can get the monitor's resolution with any web technology. What you an do is use Javascript to get the browser's height and set the height property of div in the css. This post might help for getting the height.