title: IE7 and CSS display properties
body: <p>Here is some asp.net markup:</p>
  
  <pre><code>&lt;tr style="display:none" id="AllInRateRow"&gt;
                      &lt;td id="td6"&gt;
                              All-In Fixed Rate &lt;span id="allInRateHelp" /&gt;
                      &lt;/td&gt;
                      &lt;td id="td7"&gt;
                          &lt;%= Html.TextBoxFor(m =&gt; m.FixedRate, new { @class = "economicTextBox", propertyName = "FixedRate", dontRegisterNewIndication = true })%&gt; %
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
                  &lt;tr style="display:none" id="ProfitRow"&gt;
                      &lt;td id="td93"&gt;
                          Your Swap Profit
                      &lt;/td&gt;
                      &lt;td id="yourSwapProfit"&gt;
                          &lt;%= Html.TextBoxFor(m =&gt; m.Fees.ProfitAmount, new { @class = "economicTextBox", propertyName = "Fees.ProfitAmount", dontRegisterNewIndication = true })%&gt;
                              &lt;%= Html.RadioButtonFor(m =&gt; m.Fees.ProfitType, (int)Chatham.Enumerations.IndicationProfitType.bps,
                                                      new { label = "bps", propertyName = "Fees.ProfitType", dontRegisterNewIndication = true })%&gt;
                          bps
                          &lt;%= Html.RadioButtonFor(m =&gt; m.Fees.ProfitType, (int)Chatham.Enumerations.IndicationProfitType.CurrencyAmount,
                                                                  new { label = "$", propertyName = "Fees.ProfitType", dontRegisterNewIndication = true })%&gt;
                          $
                      &lt;/td&gt;
                  &lt;/tr&gt;
  </code></pre>
  
  <p>I think it's a problem with the display property for CSS. It doesn't display them on page load which is the correct thing, but then the selection of this is supposed to change that:</p>
  
  <pre><code>&lt;td id="td4"&gt;
                          Options &lt;span id="solverHelper" /&gt;
                      &lt;/td&gt;
                      &lt;td id="solveType"&gt;
                          &lt;%=Html.DropDownListFor(m =&gt; m.Fees.CalculationSource, DropDownData.SolverOptionsList(),
                                                                  new { propertyName = "Fees.CalculationSource", dontRegisterNewIndication = true })%&gt;
                      &lt;/td&gt;
  </code></pre>
  
  <p>And those things happen through JQuery setting CSS and changing it like so:</p>
  
  <pre><code>    var pricingOptions = $("#Fees_CalculationSource").val();
              if(pricingOptions == &lt;%= ((int)Chatham.Web.Models.Indications.SwapModel.SolverOptions.AllInRate).ToString() %&gt;)
              {
                  $("#AllInRateRow").css("display", "none");
                  $("#ProfitRow").css("display", "table-row");
                  if(canExcludeFees) $("#IncludeFeesOption").css("display", "table-row");
                  else $("#IncludeFeesOption").css("display", "none");
  
              }
              else if (pricingOptions == &lt;%= ((int)Chatham.Web.Models.Indications.SwapModel.SolverOptions.Profit).ToString() %&gt;)
              {
                  $("#AllInRateRow").css("display", "table-row");
                  $("#ProfitRow").css("display", "none");
                  $("#IncludeFeesOption").css("display", "table-row");
                  if(canExcludeFees) $("#IncludeFeesOption").css("display", "table-row");
                  else $("#IncludeFeesOption").css("display", "none");
  
              }
              else if (pricingOptions == &lt;%= ((int)Chatham.Web.Models.Indications.SwapModel.SolverOptions.None).ToString() %&gt;)
              {
                  $("#AllInRateRow").css("display", "table-row");
                  $("#ProfitRow").css("display", "none");
                  $('input[propertyname=Fees.IncludeFeeIndicator]:eq(1)').attr('checked', 'checked');
                  $(
  
  "#IncludeFeesOption").css("display", "none");
          }
  </code></pre>
  
  <p>I think IE7 is unable to work with setting the CSS to the table-row property, but it does work with the 'none'.</p>
  
  <p>Am I correct? And if I am, what would be a workaround?</p>