float the breadcrumb items to deal with that pesky inline-block madness

diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss
index 07ca300a59017117591fb2029783119d556acf5a..eaec059bbf2c3ef193b488408f0fda2036b49b29 100644 (file)
--- a/scss/_breadcrumb.scss
+++ b/scss/_breadcrumb.scss
@@ -4,16 +4,16 @@
   list-style: none;
   background-color: $breadcrumb-bg;
   @include border-radius($border-radius);
+  @include clearfix;
 
   > li {
-    display: inline-block;
+    float: left;
 
     + li::before {
-      $nbsp: "\00a0";
       padding-right: .5rem;
       padding-left: .5rem;
       color: $breadcrumb-divider-color;
-      content: "#{$breadcrumb-divider}#{$nbsp}"; // Unicode space added since inline-block means non-collapsing white-space
+      content: "#{$breadcrumb-divider}"; // Unicode space added since inline-block means non-collapsing white-space
     }
   }