Index: LayoutTests/fast/replaced/min-height-percentage-quirks.html |
diff --git a/LayoutTests/fast/replaced/min-height-percentage-quirks.html b/LayoutTests/fast/replaced/min-height-percentage-quirks.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a8b8b0f8386fe85594859ab860eb23e21bc7e8a6 |
--- /dev/null |
+++ b/LayoutTests/fast/replaced/min-height-percentage-quirks.html |
@@ -0,0 +1,8 @@ |
+<style> |
+ img {min-height: 100%; max-height: 50px;} |
+</style> |
+<p> The blue square should be 50px by 50px. This is because http://www.w3.org/TR/CSS21/visudet.html#min-max-heights says: "If the height of the containing block is not specified explicitly |
+(i.e., it depends on content height), and this element is not absolutely positioned, the percentage value is treated as '0' (for 'min-height')." </p> |
+<div> |
+ <div id="child"><img id="image" src="resources/square-blue-100x100.png"></div> |
+</div> |