title: ASP.Net chart control not applying the CSS class assigned to it
body: <p>I am trying to set the height and width of ASp.Net chart control using CSS. 
  Although I add a CssClass attribute, it seems to be taking the height and width from bootstrap</p>
  
  <pre><code> &lt;div style="width:66%;position:relative;display:block;overflow:hidden;float:left;" id="divspcpchart"&gt;
                                          &lt;asp:Label ID="Label2" runat="server"&gt;SP and CP of selected plant &lt;/asp:Label&gt;
                                      &lt;br /&gt;
                                      &lt;div style="width:80%;display:inline-block;margin:0 auto;"&gt;
                                          &lt;asp:Chart ID="SPCPBarChart" runat="server" DataSourceID="EntDataSrcYearPerf"  CssClass="chartSPCP"  &gt;   &lt;%--Width="460px" Height="300px"--%&gt;
                                              &lt;BorderSkin BackColor="#E1E1E1" PageColor="#E1E1E1" SkinStyle="Emboss" /&gt;
                                              &lt;Series&gt;
                                                  &lt;asp:Series Name="Series1" XValueMember="Year" YValueMembers="SP" &gt;&lt;/asp:Series&gt;
                                                  &lt;asp:Series Name="Series2" XValueMember="Year" YValueMembers="CP" &gt;&lt;/asp:Series&gt;
                                              &lt;/Series&gt;
                                              &lt;ChartAreas&gt;
                                                      &lt;asp:ChartArea Name="SPCPBarChartArea"&gt;
                                                              &lt;AxisX Title="Year" TitleAlignment="Center" TextOrientation="Horizontal"&gt;&lt;/AxisX&gt;
                                                              &lt;AxisY Title="SP and CP" TitleAlignment="Center" TextOrientation="Rotated90"&gt;&lt;/AxisY&gt;
                                                              &lt;Area3DStyle Enable3D="false" /&gt;
                                                          &lt;/asp:ChartArea&gt;
                                              &lt;/ChartAreas&gt;
                                          &lt;/asp:Chart&gt;
                                      &lt;/div&gt;
  
  
                                  &lt;/div&gt;
  </code></pre>
  
  <p>If I set the height and width manually it shows up with the width of 406px.
  My CSS class for the chart look like this</p>
  
  <pre><code>    #SPCPBarChart {
      width:460px;
      height:300px;
  }
  </code></pre>
  
  <p>I have tried enclosing he chart control in div and setting the properties for the div, but it was still pulling the width from bootstrap.</p>
  
  <p>Here is the browser debug capture</p>
  
  <p><img src="https://i.stack.imgur.com/MpZF2.jpg" alt="Debug window screen capture"></p>