I have such div:
<div class="box">
<div id="myid" style="display:hidden;"> <p>some stuff here</p></div>
</div>
when I execute $("myid").slideToggle("slow");
on the html above (div "myid" is hidden) , if the content of has bigger height over box, my content overflows from the bottom of the "box" class, weirdly this doesn't happen with other browsers but IE8
How can I fix this issue so that when "myid" starts to display content, height of the .box resizes itself to fit the inner div.
CSS for my box:
.box {
background:#fff;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
border-radius: 10px;
border:1px solid #fff;
margin-bottom:10px;
padding:0;
}