diff --git a/bootstrap-1.3.0.css b/bootstrap-1.3.0.css
index 8983090f6b66974c92f68151be85752242d00f05..de9b0045f0f0b89a3bd2a29814c13bc7ff1403dd 100644
--- a/bootstrap-1.3.0.css
+++ b/bootstrap-1.3.0.css
@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Sat Sep 10 22:27:15 PDT 2011
+ * Date: Sat Sep 10 22:46:48 PDT 2011
  */
 /* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -2237,6 +2237,17 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 }
 .media-grid {
   margin-left: -20px;
+  margin-bottom: 0;
+  zoom: 1;
+}
+.media-grid:before, .media-grid:after {
+  display: table;
+  content: "";
+  zoom: 1;
+  *display: inline;
+}
+.media-grid:after {
+  clear: both;
 }
 .media-grid li {
   display: inline;
diff --git a/bootstrap-1.3.0.min.css b/bootstrap-1.3.0.min.css
index 9d10e4b231f10bd73f141d2a500762566bf2086a..ee4918fe5a34bbbbce58b60fb0141a60f0788e0e 100644
--- a/bootstrap-1.3.0.min.css
+++ b/bootstrap-1.3.0.min.css
@@ -305,6 +305,8 @@ button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;
 .label.warning{background-color:#f89406;}
 .label.success{background-color:#46a546;}
 .label.notice{background-color:#62cffc;}
-.media-grid{margin-left:-20px;}.media-grid li{display:inline;}
+.media-grid{margin-left:-20px;margin-bottom:0;zoom:1;}.media-grid:before,.media-grid:after{display:table;content:"";zoom:1;*display:inline;}
+.media-grid:after{clear:both;}
+.media-grid li{display:inline;}
 .media-grid .thumbnail{float:left;padding:4px;margin:0 0 20px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid .thumbnail:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
 .media-grid img{display:block;}
diff --git a/docs/index.html b/docs/index.html
index e19059d24241c809d0dbe08b51bc9380732ca77a..12b8c52913cdcf9faccb38ad6ecc85807955cc26 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -712,6 +712,22 @@
       <p>Display thumbnails of varying sizes on pages with a low HTML footprint and minimal styles.</p>
     </div>
     <div class="span12">
+      <h3>Example thumbnails</h3>
+      <p>Thumbnails in the <code>.media-grid</code> can be any size, but they work best when mapped directly to the built-in Bootstrap grid system. Image widths like 90, 210, and 330 combine with a few pixels of padding to equal the <code>.span2</code>, <code>.span4</code>, and <code>.span6</code> column sizes.</p>
+      <h4>Large</h4>
+      <ul class="media-grid">
+        <li>
+          <a class="thumbnail" href="#">
+            <img src="http://placehold.it/330x230" alt="">
+          </a>
+        </li>
+        <li>
+          <a class="thumbnail" href="#">
+            <img src="http://placehold.it/330x230" alt="">
+          </a>
+        </li>
+      </ul>
+      <h4>Medium</h4>
       <ul class="media-grid">
         <li>
           <a class="thumbnail" href="#">
@@ -739,6 +755,24 @@
           </a>
         </li>
       </ul>
+      <h4>Small</h4>
+      <ul class="media-grid">
+        <li>
+          <a class="thumbnail" href="#">
+            <img src="http://placehold.it/90x90" alt="">
+          </a>
+        </li>
+        <li>
+          <a class="thumbnail" href="#">
+            <img src="http://placehold.it/90x90" alt="">
+          </a>
+        </li>
+        <li>
+          <a class="thumbnail" href="#">
+            <img src="http://placehold.it/90x90" alt="">
+          </a>
+        </li>
+      </ul>
     </div>
   </div><!-- /row -->
 </section>
diff --git a/lib/patterns.less b/lib/patterns.less
index 6a21b8f629ce5d9825f86d37b2f27d9a8064a2f3..1e601adf4229a5670f1109f3bf6505d9dd3c2ff6 100644
--- a/lib/patterns.less
+++ b/lib/patterns.less
@@ -936,6 +936,8 @@ input[type=submit].btn {
 
 .media-grid {
   margin-left: -20px;
+  margin-bottom: 0;
+  .clearfix();
   li {
     display: inline;
   }