<!DOCTYPE html>
<html>
 <head>
  <style>
  table
  {
  border-collapse: collapse;
  color: white;
  font: 22.25em/1 Ahem;
  }

  td {padding: 0px;}

  table#test td
  {
  border-style: solid;
  border-width: 1em;
  }

  td#one {border-color: blue blue blue blue;}
  td#two {border-color: yellow yellow yellow red;}

  td#five {border-color: red yellow yellow yellow;}
  td#six {border-color: red green green red;}
  </style>
    <script src="resources/repaint.js" type="text/javascript"></script>
    <script>
        function repaintTest()
        {
            window.scrollTo(0,1000);
        }
    </script>
</head>
<body onload="runRepaintTest();">
  <!--- webkit.org/b/85658: Repaint collapsed borders correctly when scrolling. There should be a blue bar across the top when you load the page. -->
  <table id="test">
   <tr>
    <td id="one">B</td>
   </tr>
   <tr>
     <td id="five">Y</td> 
   </tr>
  </table>
 </body>
</html>