3 files changed, 8 insertions, 3 deletions
diff --git a/admin/themes/default/fix-ie7.css b/admin/themes/default/fix-ie7.css
index 2f0d40f33..a9e5a21a2 100644
--- a/admin/themes/default/fix-ie7.css
+++ b/admin/themes/default/fix-ie7.css
@@ -1,4 +1,8 @@
 /* fix IE7 footer */
 #the_page { min-height:100%; position:relative; padding:0; margin:0; } 
 #menubar { margin: 0; }
-#footer { left: 0; }
-\ No newline at end of file
+#footer { left: 0; }
+
+UL.thumbnails li.rank-of-image {
+	text-align:left;
+}
+\ No newline at end of file
diff --git a/admin/themes/default/template/element_set_ranks.tpl b/admin/themes/default/template/element_set_ranks.tpl
index 1b2fe1120..be708168c 100644
--- a/admin/themes/default/template/element_set_ranks.tpl
+++ b/admin/themes/default/template/element_set_ranks.tpl
@@ -43,8 +43,8 @@ jQuery(document).ready(function() {
     <p>{'Drag to re-order'|@translate}</p>
     <ul class="thumbnails">
       {foreach from=$thumbnails item=thumbnail}
-      <li class="rank-of-image">
-        <div class="clipwrapper">
+      <li class="rank-of-image" style="width:{$thumbnail.CLIPING_li}px; height:{$thumbnail.CLIPING_li}px; ">
+        <div class="clipwrapper" style="width:{$thumbnail.CLIPING}px; height:{$thumbnail.CLIPING}px; ">
 	  <div class="clip" style="clip:rect({$thumbnail.CLIP_TOP}px {$thumbnail.CLIP_RIGHT}px {$thumbnail.CLIP_BOTTOM}px {$thumbnail.CLIP_LEFT}px);top:-{$thumbnail.CLIP_TOP}px;left:-{$thumbnail.CLIP_LEFT}px">
 	    <img src="{$thumbnail.TN_SRC}" class="thumbnail" alt="">
 	  </div>
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 7b282be5b..1af95df54 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -54,6 +54,7 @@ UL.thumbnails li.rank-of-image img {
   position:relative;
   width: 96px;
   height: 96px;
+  margin: 3px;
 }
 .clip {
   position:absolute;