Question

I have an image that opens in a a lightbox (Colorbox is the script). When the image opens I added a CSS3 Animation. Works great but at first the lightbox has scrollbars which disappear once the animation is complete.

How do I prevent the lightbox from showing scrollbars at all?

Code:

#start{
  /* Width and Height of the Image */
  width:526px;
  height:450px;
}

<div class="hide">
<div id="start">
 <img src="/Images/designs/start-large.jpg" class="animated rollIn"> 
</div>
</div>

Answer 1

You could try to add overflow:hidden; to your CSS style of the div / img. Or try overflow:visible; if it cuts off something.