title: width of the width and height not working
body: <p>hi i am just trying to change width and height of .content class. but its  giving me like 100px of width and 100% of height even if i don't mention. 
  i have tried removing float but stil not working.what is the reason? </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;style&gt;
  
        body{margin:0}
        #navbar{
                width:100%;
                background-color:black;
                height:50px;
                padding: 0 150px 0 150px;
                position:relitive;
         }
         #logo{height:60px;
               width:90px;
              }
          #container{
                background-color:#E6E6E6;
                width:78%;
                margin: auto;
                height:1000px;
                text-align:center;
          }
          #navTable{ 
                     color:white;
                     position:absolute;
                     top:10px;
                     left:300px;  
                     font-size:1.5em;
                   }
          #navTable td{padding:0 10px 0 10px;
                       border-right:1px solid white;
                       }
          #container div{width:32%;
                         height:100%;
                         border:1px solid black;
                         float:left;
                        }         
          .content{                           /*this is not working[enter 
                   background-color:yellow;
            } 
    &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
          &lt;div id='navbar'&gt;
            &lt;img id='logo' src="http://i.cdn.cnn.com/cnn/.e/img/3.0/global/misc/cnn-logo.png"/&gt;
            &lt;table id='navTable'&gt;
                  &lt;tr&gt;   &lt;td&gt;Home&lt;/td&gt; &lt;td&gt;News&lt;/td&gt; &lt;td&gt;Money&lt;/td&gt; &lt;td&gt;Entertainment&lt;/td&gt; &lt;td&gt;Travel&lt;/td&gt;   &lt;/tr&gt;
            &lt;/table&gt;
  
          &lt;/div&gt;
  
          &lt;div id='container'&gt;
  
               &lt;div id='leftDiv'&gt;
                  &lt;div class='content'&gt;hhhh&lt;/div&gt;      &lt;!--this--&gt;
               &lt;/div&gt;
  
               &lt;div id='middleDiv'&gt;&lt;/div&gt;
               &lt;div id='rightDiv'&gt;&lt;/div&gt;
          &lt;/div&gt;      
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>output:
    it only gives me like 100px wide div here . </p>