Here is the setup of my div:
<div class="container">
<div id="myid" style="display:hidden;"> <p>some stuff here</p></div>
</div>
When I run the command $("myid").slideToggle("slow"); on the above html code (where "myid" div is hidden), and if the content inside it has a larger height than the container, the content spills out from the bottom in IE8 but not in other browsers.
How can I address this issue so that when "myid" becomes visible, the height of the .container adjusts itself to accommodate the inner div?
Below is the CSS for my container:
.box {
background:#fff;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
border:1px solid #fff;
margin-bottom:10px;
padding:0;
}