diff --git a/less/reset.less b/less/reset.less
index 3261124e0f..2901a85c80 100644
--- a/less/reset.less
+++ b/less/reset.less
@@ -77,9 +77,11 @@ sub {
// -------------------------
img {
- max-width: 100%; // Make images inherently responsive
+ /* Responsive images (ensure images don't scale beyond their parents) */
+ max-width: 100%; /* Part 1: Set a maxium relative to the parent */
width: auto\9; /* IE7-8 need help adjusting responsive images */
- height: auto; // Make images inherently responsive
+ height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
+
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html
index 4715143397..c0cb1485e9 100644
--- a/less/tests/css-tests.html
+++ b/less/tests/css-tests.html
@@ -98,6 +98,44 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+