An html segment with a div containing a form:

 <div class="hide">   
   Form header
   <form action='' method='post'>    
     .... form content here  
   </form> 
   form footer
 </div>

 <script type="text/javascript"><!--//
     $(document).ready(function() { 
       $('.hide').hide();
     } 
 //--></script>

The jquery should hide the form, but does not do so under IE8. (version 8.0.60001)

The form content gets hidden, as does the content within the class='hide' div but outside the form, but the form border continues to show, and retains its size.

Does anybody have a workaround for this?

jQuery is version 1.4.2

I tried to create a small problem demo in jsfiddle, but that site was not functional in the IE browser.