FancyLightbox Causing Empty Space And Scroll Bars

Hi all,

I am implementing "FancyLightbox" into my website and for some reason I am getting empty space at the bottom right of my screen, causing a vertical and horizontal scroll bar with nothing there.

It is like the content is empty but there is space for the content that is actually hidden.

Do you have any ideas why it could be doing this?
There are no scroll bars when the content is removed, here is my lightbox code:



------------------------------------------------------

<div class="sidebar-random-city">
<p align="left" style="padding-left:5px; padding-top:5px;"><a href="#small_box6" id="parking"><img src="../../images/parking-thumb.jpg" alt="Parking Garages" width="100" height="75" border="0" /></a>Parking in the North End can be tough during the day, or even at night. This <strong>map of North End Parking Garages</strong> can help you find a garage at a cheap rate.</p>
<div id="small_box6">
<p><img src="../../images/boston-north-end-parking-garages.jpg#small_box" /></p>
</div>
</div>
<!-- END PARKING MODULE WITH LIGHTBOX -->

....

<script type="text/javascript">
new FancyZoom('parking', {directory:'../images'});
</script>
</body>



any ideas?...thanks!

 

Do you have a working example on a site we could view?

 

fixed it, not sure what i did but it is working, i think i had an ID error. thanks!