<!DOCTYPE html>
<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org">
<link rel="help" href="https://www.w3.org/TR/CSS22/syndata.html#value-def-percentage">
<link rel="match" href="subpixel-table-width-001-ref.html">
<meta name="flags" content="" />
<meta name="assert" content="A table with width:100% has same actual width as its parent's actual width." />

<style>
.parent {
  background: red;
}

.parent table {
  background: #aaa;
  width: 100%;
  height: 100px;
}
</style>

There should be two grey ~squares with no red showing.

<div class="parent" style="width:100.2px">
  <table></table>
</div>

<div class="parent" style="width:100.8px">
  <table></table>
</div>