layout/reftests/columns/columnrule-overflow.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>Bug 746015: Off-screen overflow column rules are not properly drawn.</title>
   5     <style type="text/css">
   6     * {
   7         margin: 0 0;
   8         padding: 0 0;
   9     }
  10
  11     body,html {
  12         padding: 0 0;
  13         margin: 0 0;
  14         line-height: 1.0;
  15     }
  16
  17     body {
  18         position: absolute;
  19         left: -570px;
  20     }
  21
  22     div.content {
  23       width: 180px;
  24       height: 875px;
  25       background: blue;
  26     }
  27
  28     div.multicolumn {
  29         height: 175px;
  30         overflow: visible;
  31
  32         -moz-column-width: 180px;
  33         -moz-column-gap: 10px;
  34         -moz-column-rule: 10px solid green;
  35     }
  36     </style>
  37   </head>
  38   <body>
  39     <div class="multicolumn"><div class="content"></div></div>
  40   </body>
  41 </html>