CGUserDirectory jumps out of div (FIXED - I THINK - WITH CSS HACK]

[jmcgin51]

I'm looking for some help with getting CGUserDirectory to display like I want it to.  The test website is here:
www-update.harvestcommunity.org/cmsms/index.php?page=leadership

As you can see, the entries from CGUserDirectory are all shown as they should be, but they don't appear to be bound by the div they're in.  I don't have this problem with any other module or with regular "text" page content.

Also see www-update.harvestcommunity.org/cmsms/index.php?page=pastoral-staff.  In this page, the photos and names were added directly (manually) into the content page.  This appears to work "better", but toward the bottom of the page, the content still jumps out of the parent div.

Finally, www-update.harvestcommunity.org/cmsms/index.php?page=elders, using the default CGUserDirectory sample summary template.

Any ideas?  CSS is not my strong suit, and I've already checked the stylesheets, templates, etc, and all look ok to me.  I don't know if this is an issue specific to this module (can't think why), or if I'm missing something else.  I think it must be something else, since it happens on the page that doesn't use CGUserDirectory also.  But the fact that the default CGUserDirectory summary template doesn't display correctly leads me to think it might be something related to the module.

Thanks in advance!

[jmcgin51]

Bump - anyone have any experience with CGUserDirectory?  Any ideas about the issues noted in my original post above.  I may need to look for commercial support, but I thought I'd troll the greater CMSMS user knowledge base again before I do...

If more information is needed, just let me know.

Thanks in advance!

[Jeff]

It is a CSS issue, I have had it multiple times (not with CGUserDirectory) I haven't figured what is was, I just hack my way around with height/width values.

[jmcgin51]

Thanks AJ.  After quite a lot of Google-research and trying numerous items, I finally found that I can use {float: left; } to force the div to expand with the CGUserDirectory content.  I then used {width: Xpx; } to set the desired div width.

Why this works, I have no idea.  I'm no CSS guru, so I was quite a ways out of my comfort zone here.  If anyone can explain in plain English why this fix works, or a more official fix, I'm all ears.

Thanks!