From 370c406cc588e022a9ae9826a28fd17900befc81 Mon Sep 17 00:00:00 2001
From: Logan Hanks <logan@reddit.com>
Date: Tue, 4 Oct 2011 14:10:41 -0700
Subject: [PATCH] Work around IE7's lack of display:inline-block support within
 the flair selector.

---
 r2/r2/public/static/js/flair.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/r2/r2/public/static/js/flair.js b/r2/r2/public/static/js/flair.js
index 1ca08eba0..01ee85f37 100644
--- a/r2/r2/public/static/js/flair.js
+++ b/r2/r2/public/static/js/flair.js
@@ -93,6 +93,8 @@ $(function() {
             $(col).width(col_width);
 
             if (num_cols > 1) {
+                $(col).css('float', 'left');  // force IE7 to lay out properly
+
                 var num_short_cols = num_cols * height - length;
 
                 for (var i = 1; i < num_cols; i++) {
@@ -104,7 +106,9 @@ $(function() {
                     length -= h;
                     var tail = $(col).children().slice(start).remove();
                     $(tail).width(col_width);
-                    $(col).after($("<ul>").append(tail));
+                    $(col).after($("<ul>")
+                        .css('float', 'left')  // force IE7 to lay out properly
+                        .append(tail));
                 }
             }