<!DOCTYPE html> <html> <head> <title>Bug 746015: Off-screen overflow column rules are not properly drawn.</title> <style type="text/css"> * { margin: 0 0; padding: 0 0; } body,html { padding: 0 0; margin: 0 0; line-height: 1.0; } div.column1 { display: inline-block; width: 180px; height: 175px; vertical-align: top; white-space: no-wrap; } div.content { width: 180px; height: 175px; background: blue; } div.column2 { display: inline-block; width: 180px; height: 175px; vertical-align: top; } div.colgap { display: inline-block; background-color: green; width: 10px; height: 175px; } </style> </head> <body> <div class="column1"><div class="content"></div></div><div class="colgap"></div><div class="column2"><div class="content"></div></div> </body> </html>