Browsers affected: Chrome 16, 17.0.963.46; Safari 5.1.1 (all running on Windows 7) Issue: When an inset box-shadow is added to a <TD> with 'border-collapse: collapse' an 1 pixel gap between box shadow and right and bottom borders appears. In tables without border-collapse or without borders there's no gap between the border and the box shadow. Test file: ================ <html> <head> <title>BOX-SHADOW + BORDER-COLLAPSE TEST</title> <style> table { margin-bottom: 10px; } table.collapse { border-collapse: collapse; } table td { border: 1px solid blue; } table.outset td { box-shadow: 0 0 6px red; } table.inset td, table.inset-div div { box-shadow: inset 0 0 6px red; } table.no-border td { border: none; } table.inset-div td { padding: 0; } </style> </head> <body> <table class="collapse inset"> <tr><td>Webkit 535.11</td><td>inset box-shadow + border-collapse = unexpected gap</td></tr> </table> <table class="inset"> <tr><td>Webkit 535.11</td><td>inset box-shadow + no border-collapse = ok</td></tr> </table> <table class="collapse outset"> <tr><td>Webkit 535.11</td><td>[outset] box-shadow + border-collapse = ok</td></tr> </table> <table class="collapse inset no-border"> <tr><td>Webkit 535.11</td><td>inset box-shadow + no border = ok</td></tr> </table> <table class="collapse inset-div"> <tr><td><div>Webkit 535.11</div></td><td><div>inset box-shadow on inner DIV = ok</div></td></tr> </table> </body> </html> ================
Created attachment 464627 [details] Test Case - from Comment 0 I am able to reproduce this on Safari 16.3, STP161 while Chrome Canary 111 and Firefox Nightly 111 match each other.
Created attachment 464628 [details] Screenshot - Reference This is screenshot across all browsers for reference.