title: Why does Safari ignore css table row (tr) height attributes after re-draw?
body: <p>I'm struggling to apply css-styling to a GWT (Google Web Toolkit) generated html table in Safari. Specifically, I cannot get Safari to respect the height attribute of a table row after I trigger any kind of re-draw of the table.</p>
  
  <p>The following basic example illustrates the problem:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;style type="text/css"&gt;
              tr {
                  height: 50px;
                  font-weight: bold; /* added to prove that other style rules are re-applied when enabling css again */
              } 
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;table border="1px"&gt;
              &lt;tr&gt;
                  &lt;td&gt;one&lt;/td&gt;
                  &lt;td&gt;two&lt;/td&gt;
                  &lt;td&gt;three&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If I open this page in Safari it renders correctly at first. If I then choose "disable styles" from the Develop menu and then immediately re-enable them again, the heigh rule is ignored and the height of the table row is calculated as if it were set to "auto".</p>
  
  <p>This is exactly what happens when rows/cells are added or removed programatically in my GWT FlexTable.</p>
  
  <p>Does anyone know what causes this behavior and if there is a workaround that does not require setting a fixed height on the entire table?</p>
  
  <p>Details:
  Running Safari Version 4.0.3 (5531.9) on Mac OSX Leopard<br>
  The problem also occurs using the GWT Hosted Mode browser (which essentially is Safari when running it on a mac)</p>