title: CSS code is not working with chrome and Firefox but IE
body: <p>I am working with Visual studio 2012, Created a masterpage for my website.
  all other pages are working fine but only one page driving me crazy.</p>
  
  <pre><code>.aboutus
  { margin: auto;
  font-family: 'Bookman Old Style';
  font-style: normal;
  font-weight: 100;
  max-height:700px;
  overflow:scroll;
  overflow-x:hidden;}
  
  .aboutus h1, .aboutus h2, .aboutus h3
  {
      color:blue;
      font-style:italic;
      font-weight: 500;}
  </code></pre>
  
  <p>IF I use this css class it work fine with IE but nothings shows up in Chrome or mozilla.
  even if I delete contants from .aboutus css class it still have the same problem.</p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"&gt;
  &lt;div class="aboutus"&gt;
  &lt;h1&gt;About us…&lt;/h1&gt;
  &lt;p&gt;Regional Automotive was started in 1994 at it’s current location in Ottawa 
      as a sister c..........
   &lt;/div&gt;&lt;/asp:Content&gt;
  </code></pre>
  
  <p>My asp:Content is from masterpage</p>
  
  <pre><code>&lt;div class="main-content"&gt;
  &lt;asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"&gt;&lt;/asp:ContentPlaceHolder&gt;
   &lt;/div&gt; 
  </code></pre>
  
  <p>I use this in my masterpage so I dont have to write the same thing again and again for every page         </p>
  
  <pre><code>.main-content
  {display:block;
  background-color:transparent;
  min-height: 700px;
  max-height:700px;
  margin-left:2px;
  margin-top:68px;}   
  </code></pre>
  
  <p>may be this thing causing a problem.</p>