[jQuery] function not showing scrollbars in IE6
I've got a page that has 3 forms on it and using a dropdown to select
which form to show. It's letting the admin create 3 other types of
users. It works fine in Safari, Firefox and IE7, but in IE6 when a
form is shown that expands past the bottom of the page, it displays
everything, but the window's scrollbars do not appear. If I manually
resize the browser, it still doesn't show scrollbars, but will show
all of the content.
I've tried turning the display to none and then back to block on the
main content area to force redraw but nothing. I've also tried calling
$(window).resize() to force it. Again nothing.
Here's the code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
// Show the right form.
$("#user_type").change(function(){
// Hide all of the forms
$("fieldset").css("display", "none");
// Hide all of the user_stats forms
$("div.user_stats").css("display", "none");
// Get our current user type to show
var type = "fld_" + $("#user_type option:selected").html();
$("#"+type).css("display", "block");
$(window).resize();
});
});
</script>
Any ideas?