Hidden PDF Issue

There is some issue with hiding a pdf then displaying it again within Internet Explorer.

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css">
<div>
    <button id="ShowButton">Show</button>        
    <button id="HideButton">Hide</button>
    <div id="PDFArea">
        <p>Here is a PDF:</p>
        <object id="PDF" name="PDF" class="pdf" type="application/pdf" height="350px" width="350px" style="border:none">
            <param name="src" value="http://dl.dropbox.com/u/5126043/iPad%20intro.pdf" type="ref"/>
        </object>
    </div>
</div>

JavaScript

$('#ShowButton').button().click(function() {
    $('#PDFArea').show();
    $('object').width('350px');

});

$('#HideButton').button().click(function() {
    $('#PDFArea').hide();
    $('object').width('0px');
});