23570 2009-01-27 07:52:31 -0800 Percentage for 'top'/'bottom' on relatively positioned elements 2022-07-22 14:48:39 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) PC OS X 10.5 RESOLVED CONFIGURATION CHANGED P2 Normal --- 0 zcorpan webkit-unassigned ahmad.saleem792 ap bfulgham hyatt rniwa simon.fraser oldest_to_newest 107186 0 zcorpan 2009-01-27 07:52:31 -0800 [[ Yes, it ignores percentage values for top and bottom (with relative positioning) when the parent is a percentage height (or height auto). It even fails if there is an ancestor with a fixed pixel height but the next child is set at height:100% then it still fails even though the percentage height should resolve to a known dimension. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> .test { height:200px; background:red; top:300px; position:relative } p { position:relative; top:-50%; border:1px solid green; } .test div { height:100%; background:blue; } </style> </head> <body> <div class="test"> <div> <p>test</p> </div> </div> </body> If you remove the nested div it will suddenly work. (This is Safari3 on the PC but I assume mac versions would be the same.) ]] -- Paul O'B on sitepoint forums 1886000 1 ahmad.saleem792 2022-07-22 10:01:09 -0700 I changed the test case from Description / Comment 0 and changed it into following JSFiddle: Link - https://jsfiddle.net/zgv6mnch/1/show In the above, Safari 15.6 on macOS 12.5 matches with other browsers (Chrome Canary 105 and Firefox Nightly 104). Since all browsers are rendering the page same, I am not sure whether there is something else to be done (except if I understood this bug wrong - then please ignore me). I think this can be closed as "RESOLVED CONFIGURATION CHANGED". Thanks!