title: HTML DIVs not properly displaying
body: <p>I have what I think is a reasonably simple HTML format to display some financial information. For some reason, jQuery (and, indeed, Firebug!) don't seem to update the visual display of the parent divs. This is a lot easier to see if you look at this in a browser.</p>
  
  <p>I'm using the <a href="http://bluetrip.org/" rel="nofollow noreferrer">Bluetrip CSS</a> framework.</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;title&gt;test&lt;/title&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=us-ascii" /&gt;
  &lt;link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection" /&gt;
  &lt;!--[if IE]&gt;
              &lt;link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection" /&gt;
  &lt;![endif]--&gt;
  &lt;link rel="stylesheet" href="test.css" type="text/css" media="screen, projection" /&gt;
  &lt;link href="jquery.css" media="screen" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
    $(function() {
      $('#txn-41').css("background-color", 'yellow')
    });
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class="container"&gt;
  &lt;div class="main span-19"&gt;
    &lt;div class="span-19 push-1"&gt;
      &lt;h2&gt;Recently added&lt;/h2&gt;
  
      &lt;div id="transaction-list"&gt;
        &lt;div id="transactions"&gt;
          &lt;div class="header"&gt;
            &lt;div class="cell span-3"&gt;
              date
            &lt;/div&gt;
  
            &lt;div class="cell span-3"&gt;
              w/d
            &lt;/div&gt;
  
            &lt;div class="cell span-3"&gt;
              deposit
            &lt;/div&gt;
  
            &lt;div class="cell span-3"&gt;
              category
            &lt;/div&gt;
  
            &lt;div class="cell span-3"&gt;
              user
            &lt;/div&gt;
  
            &lt;div class="cell span-3"&gt;
              account
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div id="txn-41"&gt;
            &lt;div class="cell date" title="Monday September 21, 2009"&gt;
              2009-09-29
            &lt;/div&gt;
  
            &lt;div class="cell wd"&gt;
              $2,233.00
            &lt;/div&gt;
  
            &lt;div class="cell deposit"&gt;
              &amp;nbsp;
            &lt;/div&gt;
  
            &lt;div class="cell category"&gt;
              Entertainment
            &lt;/div&gt;
  
            &lt;div class="cell user"&gt;
              Tim
            &lt;/div&gt;
  
            &lt;div class="cell account"&gt;
              Checking
            &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div id="edit-txn-41" style="display: none; clear: both;"&gt;&lt;/div&gt;
  
          &lt;div id="txn-40"&gt;
            &lt;div class="cell date" title="Monday September 21, 2009"&gt;
              2009-09-29
            &lt;/div&gt;
  
            &lt;div class="cell wd"&gt;
              $5,555.00
            &lt;/div&gt;
  
            &lt;div class="cell deposit"&gt;
              &amp;nbsp;
            &lt;/div&gt;
  
            &lt;div class="cell category"&gt;
              Groceries
            &lt;/div&gt;
  
            &lt;div class="cell user"&gt;
              Tim
            &lt;/div&gt;
  
            &lt;div class="cell account"&gt;
              Checking
            &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div id="edit-txn-40" style="display: none; clear: both;"&gt;&lt;/div&gt;
  
          &lt;div id="txn-39"&gt;
            &lt;div class="cell date" title="Monday September 21, 2009"&gt;
              2009-09-29
            &lt;/div&gt;
  
            &lt;div class="cell wd"&gt;
              $5,555.00
            &lt;/div&gt;
  
            &lt;div class="cell deposit"&gt;
              &amp;nbsp;
            &lt;/div&gt;
  
            &lt;div class="cell category"&gt;
              Groceries
            &lt;/div&gt;
  
            &lt;div class="cell user"&gt;
              Tim
            &lt;/div&gt;
  
            &lt;div class="cell account"&gt;
              Checking
            &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div id="edit-txn-39" style="display: none; clear: both;"&gt;&lt;/div&gt;
  
          &lt;div id="txn-38"&gt;
            &lt;div class="cell date" title="Monday September 21, 2009"&gt;
              2009-09-29
            &lt;/div&gt;
  
            &lt;div class="cell wd"&gt;
              $123.00
            &lt;/div&gt;
  
            &lt;div class="cell deposit"&gt;
              &amp;nbsp;
            &lt;/div&gt;
  
            &lt;div class="cell category"&gt;
              Groceries
            &lt;/div&gt;
  
            &lt;div class="cell user"&gt;
              Tim
            &lt;/div&gt;
  
            &lt;div class="cell account"&gt;
              Checking
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div id="edit-txn-38" style="display: none; clear: both;"&gt;&lt;/div&gt;
  
          &lt;div id="txn-37"&gt;
            &lt;div class="cell date" title="Monday September 21, 2009"&gt;
              2009-09-29
            &lt;/div&gt;
  
            &lt;div class="cell wd"&gt;
              $223.00
            &lt;/div&gt;
  
            &lt;div class="cell deposit"&gt;
              &amp;nbsp;
            &lt;/div&gt;
  
            &lt;div class="cell category"&gt;
              Entertainment
            &lt;/div&gt;
  
            &lt;div class="cell user"&gt;
              Tim
            &lt;/div&gt;
  
            &lt;div class="cell account"&gt;
              Savings
            &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div id="edit-txn-37" style="display: none; clear: both;"&gt;&lt;/div&gt;
  
          &lt;div id="txn-36"&gt;
            &lt;div class="cell date" title="Monday September 21, 2009"&gt;
              2009-09-29
            &lt;/div&gt;
  
            &lt;div class="cell wd"&gt;
              $998.00
            &lt;/div&gt;
  
            &lt;div class="cell deposit"&gt;
              &amp;nbsp;
            &lt;/div&gt;
  
            &lt;div class="cell category"&gt;
              Entertainment
            &lt;/div&gt;
  
            &lt;div class="cell user"&gt;
              Tim
            &lt;/div&gt;
  
            &lt;div class="cell account"&gt;
              Savings
            &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div id="edit-txn-36" style="display: none; clear: both;"&gt;&lt;/div&gt;
  
          &lt;div id="txn-34"&gt;
            &lt;div class="cell date" title="Monday September 21, 2009"&gt;
              2009-09-29
            &lt;/div&gt;
  
            &lt;div class="cell wd"&gt;
              $20.00
            &lt;/div&gt;
  
            &lt;div class="cell deposit"&gt;
              &amp;nbsp;
            &lt;/div&gt;
  
            &lt;div class="cell category"&gt;
              Groceries
            &lt;/div&gt;
  
            &lt;div class="cell user"&gt;
              Tim
            &lt;/div&gt;
  
            &lt;div class="cell account"&gt;
              Checking
            &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div id="edit-txn-34" style="display: none; clear: both;"&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="sidebar span-5 last"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the CSS:</p>
  
  <pre><code>    /* @override http://localhost:3000/stylesheets/dough.css */
  
      body {
          background-color: #E5E5E5;
      }
  
      .main, .sidebar {
          background-color: white;
          padding-top: 8px;
      }
  
      .clear {
          clear: both;
      }
  
      .txn {
          clear: both;
      }
  
      .cell {
          float:left;
          margin-right: 10px;
          font-size: 14px;
      }
  
      .cell.date {
          width: 110px;
      }
  
      .cell.wd {
          width: 110px;
          text-align: right;
      }
  
      .cell.deposit {
          width: 110px;
          text-align: right;
      }
  
      .cell.category {
          width: 110px;
      }
  
      .cell.user {
          width: 110px;
      }
  
      .cell.account {
          width: 110px;
      }
  </code></pre>
  
  <p>If you look at this in Firebug (or Safari's inspect element), you'll see that the jQuery call is, in fact, changing the style of the #txn-41 div, but it's not changing in the browser.</p>
  
  <p>Why isn't the #txn-41 div visible? The contents of it are visible, but I can't seem to apply effects to the parent!</p>
  
  <p>Thanks for any assistance!</p>