I'm building a page here: http://www.nubornis.com/gz/gallery_two.php
I have some JS in place which you can see in the source at the bottom of that page that sets the width of the box surrounding the dark grey image to a certain width (image width + 64px).
The problem is that when I first visit that page the box resizes to a really thin width and the image flows out of it, however if I refresh the page the box resizes to the correct width that I want it. Does anybody know why it does this?
That happens when all of the elements contents are floated.
This is a CSS issue.
Set the overflow of the "box-rounded" container to be visible, and the container should then surround all of its floated children.