fixed css bug for thumbnail display

islandora_basic_collection/css/islandora_basic_collection.theme.css

@@ -5,21 +5,24 @@
         Purpose of the stylesheet follows.
 */
 
-/* islandora-basic-collection STYLES*/
-
 .islandora-basic-collection {
-  width: 100%;
-  margin: 0 auto;
+  margin: 1.5em auto;
   overflow: hidden;
+  width: 96%;
 }
 
 dl.islandora-basic-collection-object
 {
   width: 20%;
   min-width: 100px;
-  text-align: center;
-  float: left;
-  margin:  2% 2% 50px 2%;
+  min-height: 180px;
+  display: -moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  margin: 1.5em 2%;
+  zoom: 1;
+  *display: inline;
+  _height: 180px;
 }
 
 .islandora-basic-collection-object dt img {

islandora_basic_collection/islandora-basic-collection.tpl.php

@@ -22,11 +22,14 @@
  */
 ?>
 <?php drupal_set_title($islandora_object->label); ?>
+
+<div class="islandora-basic-collection-wrapper">
 <div class="islandora-basic-collection clearfix">
   <?php foreach($associated_objects_array as $key => $value): ?>
-    <dl class="islandora-basic-collection-object">
-        <dt class="<?php print $value['class']; ?>"><?php print $value['thumb_link']; ?></dt>
-        <dd class="<?php print $value['class']; ?>"><?php print $value['title_link']; ?></dd>
+    <dl class="islandora-basic-collection-object <?php print $value['class']; ?>">
+        <dt class="islandora-basic-collection-thumb"><?php print $value['thumb_link']; ?></dt>
+        <dd class="islandora-basic-collection-caption"><?php print $value['title_link']; ?></dd>
     </dl>
   <?php endforeach; ?>
 </div>
+</div>