MaxiGallery in DIV tag werkt niet optimaal

Ik ben bezig met een voetbalsite en werk daarin bij o.a. de homepagina met meerdere blokken. Het gaat om het blok met de foto’s. In mijn html code heb ik het volgende staan bij dat gedeelte:

<div class="mid-title"><img src="assets/afbeeldingen/index_07b.jpg" /></div>
<div class="midbox">[!MaxiGallery? &display=`embedded` &embedtype=`slimbox` &pics_per_row=`3` &max_thumb_size=`130` &max_pic_size=`0` &thumb_use_dropshadow=`1` &lang=`nl`!]
</div>
</div>

Hierin staat MaxiGallery netjes in "midbox" maar als ik de pagina dan bekijk dan staat de gallery buiten de "midbox". Als ik pictureview doe dan staan de foto’s er wel weer netjes in.

Ik dacht dat ik alles zo wel goed had gedaan. Iemand die me kan helpen?

Dit is de pagina waar het om gaat: http://www.trendywear.nl/modx/index.php?id=1

Ik heb exact hetzelfde probleem, heb jij al een oplossing hiervoor gevonden?

na de oproep code van [!maxigallery!]

deze neerzetten doet wonderen:

<p style="clear: both;">&nbsp;</p>

Of een andere tag waar je clear:both aan kunt hangen. I.e.g niets met MaxiGallery of MODx te maken
Als je toch nog es kijkt.. je moet binnen een div (right-col) natuurlijk niet helemaal opnieuw een pagina incl headers en body gaan renderen. Want dat werkt niet