<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Unexplained 1px horizontal space between display:table-cell elements"
   href="https://bugs.webkit.org/show_bug.cgi?id=149935">149935</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>Unexplained 1px horizontal space between display:table-cell elements
          </td>
        </tr>

        <tr>
          <th>Classification</th>
          <td>Unclassified
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>WebKit Nightly Build
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>All
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>All
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>Tables
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>webkit&#64;chrisrebert.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=262712" name="attach_262712" title="OS X WebKit Nightly screenshot">attachment 262712</a> <a href="attachment.cgi?id=262712&amp;action=edit" title="OS X WebKit Nightly screenshot">[details]</a></span>
OS X WebKit Nightly screenshot

To reproduce:
1. Open <a href="http://jsbin.com/yuwale/edit?html,css,output">http://jsbin.com/yuwale/edit?html,css,output</a> in WebKit Nightly on OS X

Expected result:
The left and right blue and red borders should be flush with each other (no space between them).

Actual result:
There is a 1px space between the left and right blue and red borders, indicating a space between the display:table-cell elements.
There does not seem to be any margin or padding CSS rule that would explain this extra 1px space.

This extra 1px space does not exist in any of the other major browsers (Firefox, Chrome, MS Edge).</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>